html text-align:justify,两端对齐，如何解决单词之间距离被拉大

html-css023

html text-align:justify,两端对齐，如何解决单词之间距离被拉大,第1张

这个问题解决不了，原因很简单，这个所谓的两端对齐，指的就是无论这一行当中有多少内容，都需要撑满整行（最后一行除外）

如果你希望实现的是左右两端都是比较整齐的，又是英文的状态，不希望出现右边有比较大空缺的话，可以使用正常的左对齐，然后配合word-break进行控制，word-break控制的是单词的切断方式，默认情况下，英文单词是不允许被随意中断的，但是如果你添加了

word-break: break-all

则表示可以允许英文单词在单词之间进行换行

原问：html中怎么设置文字两边对齐

可以试试

text-align: justify

text-align-last: justify

这两句，实现文字两端对齐

一、文字两端对齐,首行缩进两个字符

可以这样写：

.content { text-align:justifytext-justify:inter-ideographword-wrap:break-wordword-break:break-alltext-indent:2em}

二、写一个JavaScript函数，计算1到100立方和，输出到文档（documengt.write）中

函数如下

function cubesum()

{

var sum=0,i=0

for(i=1i<=100i++){

sum=sum+i*i*i

}

document.write(sum)

}

希望能帮上你的忙