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

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

text-align:justify est seul à travailler sur les éléments avec plusieurs lignes de texte, et n'a aucun effet sur la div avec une seule ligne. Ajuster manuellement la lettre de l'espacement et de la parole-l'espacement est laid et inefficace.

Existe-il d'autres alternatives?

source d'informationauteur Alix Përry

  1. 27

    Essayez ceci:

    div {
  text-align: justify;
}

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

    jsFiddle

    Prendre un coup d'oeil ici pour plus d'info.