html 自动调整文字间距

Question

有没有一个css属性可以自动调整文字间距，比如

左侧红框的DIV宽度固定，有没有一个css属性可以让里面的文字自动调整间距，从而好看一些。

Answer 1

你想要的是文字两端对齐.

.test1 {
    text-align:justify;
    text-justify:distribute-all-lines;/*ie6-8*/
    text-align-last:justify;/* ie9*/
    -moz-text-align-last:justify;/*ff*/
    -webkit-text-align-last:justify;/*chrome 20+*/
}
@media screen and (-webkit-min-device-pixel-ratio:0){/* chrome*/
    .test1:after{
        content:".";
        display: inline-block;
        width:100%;
        overflow:hidden;
        height:0;
    }
}

来源: http://www.cnblogs.com/rubylo...

Answer 2

汉字或者单词用word-space

字母用white-space

可以用js获取到节点中字符串的length、除一个比例、赋值给word-space