Html CSS,用文本填充所有div宽度

Html CSS,用文本填充所有div宽度,html,css,Html,Css,如何自动更改字母之间的间距。我希望文本占据div的整个宽度。文本不是静态的。(始终更改文本,可以是123”或“文本”…) #菜单{ 宽度:200px; 背景色:#000; 颜色:#336699; 字体大小:16px; 字母间距:100%; } 特克斯塔斯 编辑:不幸的是,这只会更改单词间距,而不会更改字母间距。CSS中没有进行字距调整的方法。不过,可能是CSS3 这可以通过text align:justifyCSS属性轻松实现: #menu { width: 200px;

如何自动更改字母之间的间距。我希望文本占据div的整个宽度。文本不是静态的。(始终更改文本,可以是123”或“文本”…)


#菜单{
宽度:200px;
背景色:#000;
颜色:#336699;
字体大小:16px;
字母间距:100%;
}
特克斯塔斯

编辑:不幸的是,这只会更改单词间距,而不会更改字母间距。CSS中没有进行字距调整的方法。不过,可能是CSS3

这可以通过
text align:justify
CSS属性轻松实现:

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

纯粹使用CSS是无法做到这一点的。
字母间距
属性不采用百分比值。
文本对齐:对齐
也不起作用,因为它只影响单词之间的间距,而不影响字体紧排,而且只适用于紧跟另一行的文本行


您可以尝试使用JS计算特定
div
中的字符数,然后计算字符之间所需的空间,以填充宽度,但此解决方案仅适用于单间距字体(所有字符宽度相同的字体).

这里有一个解决方案并不适用于所有人,但事实证明它解决了我的问题:如果你显示的标题文本很短,你可以在每个单词的每个字符“L i k t h i s”之间留出一个空格


对于我的特殊设计,这看起来很好,当然它允许
align:justify
在div中充分发挥它的魔力。

justify处理单词间距而不是字母间距goops!我在此表示歉意。我的回复有点仓促而且,它只会影响后面跟着另一行的行。会
letter-s吗步调
处理像素值?(即,div的宽度是否固定?)是的,
字母间距
处理像素值,但如果给出负值,它只会在字符之间添加声明的值,或者减去声明的值。这并不是对jamwaffle的不尊重,但严肃地说,这是(最初)如何回答的不正确,甚至没有接近一个解决方案都得到接受和5票以上?!嘘。。。
#menu 
{ 
      width: 200px; 
      background-color: #000; 
      color: #336699; 
      font-size: 16px; 
      text-align: justify; 
}