web-dev-qa-db-fra.com

Forcer une seule ligne de texte dans l'élément à remplir la largeur avec CSS

J'ai un élément div qui contient une ligne de texte. Comment puis-je obtenir ce texte pour remplir la largeur à 100%?

text-align:justify ne fonctionne que sur les éléments avec plusieurs lignes de texte, et n'a aucun effet sur le div avec une seule ligne. Ajuster manuellement l'espacement des lettres et l'espacement des mots est moche et inefficace.

Y a-t-il d'autres alternatives?

htmlcsstext
20
Alix Përry

Essaye ça:

div {
  text-align: justify;
}

div:after {
  content: "";
  display: inline-block;
  width: 100%;
}

jsFiddle

Jetez un oeil ici pour plus d'informations.

34
mutil