css 最后一行文字对齐,如何在CSS中居中对齐最后一行文本？

9 个答案:

答案 0 :(得分：124)

.center-justified {

text-align: justify;

text-align-last: center;

}

适用于除Safari(包括Mac和iOS)以外的所有浏览器，包括Internet Explorer。

同样在Internet Explorer中，仅适用于text-align: justify(不允许text-align)和start以及end的其他值。

答案 1 :(得分：61)

对于希望获取两者居中和对齐的文字的人，以下内容应该有效：

...lots and lots of text...

使用以下CSS规则(根据需要调整width属性)：

.center-justified {

text-align: justify;

margin: 0 auto;

width: 30em;

}

发生了什么事？

text-align: justify;确保文字填满其所附的div的整个宽度。

margin: 0 auto;实际上是四条规则的简写：

第一个值用于margin-top和margin-bottom规则。

因此，整个事情意味着margin-top: 0; margin-bottom: 0，即div之上或之下没有边距。

第二个值用于margin-left和margin-right规则。

因此，此规则会生成margin-left: auto; margin