/ / Como lidar com quebra de texto em CSS? [duplicado] - html, css

Como lidar com quebra de texto em CSS? [duplicado] - html, css

Duplicar Possível:
Texto dinâmico de tamanho automático para preencher o contêiner de tamanho fixo

Por favor, dê uma olhada nisso:

insira a descrição da imagem aqui

O texto "paternidade" é uma palavra, ainda que caia em 2 linhas porque não há espaço suficiente para se encaixar na div contendo. Antes de adicionar essa propriedade ao div:

word-wrap: break-word;

A palavra paternidade simplesmente saiu da tela quenão é bom desde que eu quero que o usuário possa ler os títulos. Mas se cai em 2 linhas, não parece muito melhor também. A razão pela qual a solução óbvia de diminuir o tamanho do texto não funcionará é porque essas caixas são geradas dinamicamente pelo back-end. Então, às vezes, um título pode ser pequeno e às vezes enorme.

Existe uma maneira de ter esse texto redimensionado para se encaixar perfeitamente a cada vez?

Respostas:

1 para resposta № 1

Eu não acho que isso pode ser tratado com apenas css, mas se você estiver olhando para adicionar alguns JS / jQuery para realizar a tarefa, então eu acho que este segmento deve ajudá-lo: Texto dinâmico de tamanho automático para preencher o contêiner de tamanho fixo