Redimensionner le texte pour l'adapter dynamiquement à la largeur du div
Dans les scénarios où la largeur du div reste statique alors que le contenu du texte est variable, aligner le texte pour justifier pourrait ne pas suffire. Pour obtenir un ajustement parfait, il faut ajuster l'espacement des lettres.
Solution CSS avec une astuce
Pour y parvenir, utilisez la combinaison de text-align:justify et un astucieux hack :
CSS :
div { background-color: gold; text-align: justify; } span { background-color: red; width: 100%; height: 1em; display: inline-block; }
HTML :
<div> Lorem ipsum sit dolor <span></span> </div>
Explication :
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!