如何对文本进行居中和对齐，就像在此图像中一样？

Question

我已经看过其他问题了，但他们都是关于左对齐的正确文本的博客。我所挣扎的是将文本居中，并在给定的宽度上对其进行证明。

这是我目前的CSS代码块：

#body-container .intro p {
    top: 20px;
    width: 80%;
    margin: 0 auto;
    font-weight: 300;
    font-size: 32px;
    text-align: justify;
}

有任何建议，非常感谢！ ：）

Answer 1

这不是一个真正的解决方案，因为它似乎是实验性的，只适用于Firefox和资源管理器：

-moz-text-align-last: center;
text-align-last: center;

请参阅：https://developer.mozilla.org/es/docs/CSS/text-align-last

Answer 2

很抱歉在评论中误解了这个问题。

段落的内容是动态的还是固定的？

如果它已修复，您可以将最后一行包裹在span标记中。

span {
    text-align: center;
    display: block;
    width: 100%
}

我已经更新了小提琴：http://jsfiddle.net/FuvHt/7

Answer 3

现在唯一可行的方法是将文本剪切为图像。

如果您的网站没有响应，您可以在其中放置<br />标记，在最后一行上包裹<span>，然后将该文本居中对齐。

我真的很期待text-align-last css属性被广泛采用。