CSS, remplir toute la largeur div avec du texte

Comment changer automatiquement l'espace entre les lettres.Je veux que le texte de reprendre la totalité de la largeur de la div. Le texte n'est pas statique. (Toujours de modification du texte, peut être 123" ou "texte"...)

  <style type="text/css">
    #menu{
      width: 200px;
      background-color: #000;
      color: #336699;
      font-size: 16px;
      letter-spacing: 100%;
    }
  </style>
<body>
<div id="menu">
  tekstas
</div>

source d'informationauteur lolalola

  1. 11

    EDIT: Malheureusement cela ne change mot espacement, pas lettre espacement. Il n'y a pas moyen de le faire crénage en CSS. Éventuellement, CSS3, cependant.

    Ceci est facilement accompli avec l' text-align: justify attribut CSS:

    #menu 
{ 
      width: 200px; 
      background-color: #000; 
      color: #336699; 
      font-size: 16px; 
      text-align: justify; 
}
  2. 6

    Il n'y a aucun moyen de le faire uniquement avec du CSS. Le letter-spacing attribut ne pas prendre des valeurs en pourcentage. text-align: justify ne fonctionne pas, soit parce qu'elle n'affecte que l'espace entre les mots, pas le crénage de police et de plus, cela ne s'applique qu'à ceux des lignes de texte qui sont suivis par une autre ligne.

    Vous pouvez essayer d'utiliser JS pour ce faire, en comptant le nombre de caractères dans un div puis de calculer l'espace entre les caractères de sorte qu'il serait de remplir la largeur, mais cette solution ne ferait que travailler avec espacement des polices (polices de caractères ont la même largeur pour tous les personnages).

  3. -2

    Voici une solution ne fonctionne pas pour tout le monde, mais il s'est avéré pour résoudre le problème pour moi: si vous affichez un court laps de texte du titre, vous pouvez mettre un espace entre chaque caractère de chaque mot "L i k e t h i s".

    De ma conception, ce qui se passe à l'air très bien, et bien sûr, il permet align: justify de pleinement faire sa magie à l'intérieur de la div.