如何自动更改字母之间的空格.我希望文本占据div的整个宽度.文字不是静态的.(始终更改文本,可以是123"或"文本文本"...)
<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>
Boj*_*les 11
编辑:不幸的是,这只会改变字间距,而不是字母间距.在CSS中无法进行字距调整.可能是CSS3.
使用text-align: justifyCSS属性可以轻松完成此操作:
#menu
{
width: 200px;
background-color: #000;
color: #336699;
font-size: 16px;
text-align: justify;
}
纯粹使用CSS无法做到这一点.该letter-spacing属性不采用百分比值.text-align: justify将无法工作,因为它只影响单词之间的空格,而不是字体字距,它也只适用于那些后面跟着另一行的文本行.
您可以尝试使用JS来div计算特定字符中的字符数,然后计算字符之间所需的空间,以便填充宽度,但此解决方案只适用于单倍间距字体(具有字体的字体)所有角色的宽度相同).