Ir para o conteúdo principal

Text-Align

Os alinhadores de texto do WPF são classes utilitárias que controlam o alinhamento horizontal de texto em elementos HTML. Eles utilizam a propriedade CSS text-align para oferecer flexibilidade e simplicidade no ajuste de layouts textuais.

Como Funcionam os Alinhadores de Texto

Os alinhadores seguem as seguintes definições principais:

  • t-left: Alinha o texto à esquerda.

  • t-center: Centraliza o texto.

  • t-right: Alinha o texto à direita.

  • t-start: Alinha o texto no início (depende da direção do texto).

  • t-end: Alinha o texto no final (depende da direção do texto).

  • t-justify: Justifica o texto.

  • t-justify-all: Justifica todas as linhas do texto, incluindo a última.

Exemplos de Uso

Alinhamento Básico

<p class="t-left"><!-- Texto à esquerda. --></p>
<p class="t-center"><!-- Texto centralizado. --></p>
<p class="t-right"><!-- Texto à direita. --></p>

Alinhamento Dinâmico

<p class="t-start"><!-- Texto no início (esquerda em LTR). --></p>
<p class="t-end"><!-- Texto no final (direita em LTR). --></p>

Justificação

<p class="t-justify"><!-- Texto justificado, exceto a última linha. --></p>
<p class="t-justify-all"><!-- Texto justificado, incluindo a última linha. --></p>

Observações

Dicas de Aplicação

  • Suporte a Idiomas: Use t-start e t-end para layouts que precisam se adaptar a direções de texto como RTL (right-to-left).

  • Justify vs. Justify-All: t-justify é ideal para parágrafos normais, enquanto t-justify-all é útil para textos curtos que exigem alinhamento completo.

Notas

  • O valor justify-all pode não ser suportado em navegadores mais antigos; teste a compatibilidade se necessário.

Voltar ao topo