Ir para o conteúdo principal

Word-Wrap

As classes utilitárias de word-wrap no WPF são usadas para controlar o comportamento de quebra de palavras em elementos HTML, aplicando a propriedade CSS word-wrap. Elas ajudam a gerenciar textos longos em contêineres com largura limitada.

Classes Disponíveis

  • w-nowrap: Impede a quebra de palavras, mantendo o texto em uma única linha. Se o texto for muito longo, ele pode ultrapassar os limites do contêiner, resultando em overflow.
  • w-wrap: Permite que palavras longas sejam quebradas em pontos arbitrários, ajustando o texto ao tamanho do contêiner e evitando overflow.

Exemplos de Uso

Exemplo 1: Impedir Quebra de Palavras

<div class="w-300px w-nowrap">
  <p>Supercalifragilisticexpialidocious</p>
  <!-- A palavra longa não será quebrada e pode exceder a largura de 300px do contêiner. -->
</div>

Exemplo 2: Permitir Quebra de Palavras

<div class="w-300px w-nowrap"wrap">
  <p>Supercalifragilisticexpialidocious</p>
  <!-- A palavra será quebrada para se ajustar ao contêiner de 300px. -->
</div>