我如何居中和对齐文本，就像在这张图片中一样？答案

【问题标题】：How do I center AND justify text, like in this image?我如何居中和对齐文本，就像在这张图片中一样？
【发布时间】：2013-02-05 06:29:11
【问题描述】：

我已经查看了其他问题，但它们都是关于居中对齐左对齐文本的博客。我正在努力解决的问题是将文本居中并以给定的宽度对其进行调整。

这是我当前的 CSS 代码块：

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

任何建议，非常感谢！ :)

【问题讨论】：

段落标签是否选择了其他样式？ jsfiddle.net/FuvHt 似乎有效
不，它似乎不起作用@WoolyWonder。他要求的是 justify+center，而不是 justify。
@WoolyWonder 再看一下这张图片，它的作用是，它甚至将多余的不合理的句子居中（在你的小提琴中，它是“宽度”这个词）。不，我已经将 css 指向了特定的“p”标签，所以我认为不会有任何其他内容。
@TheBronx 完全正确。我也搜索过谷歌，前三页没有运气。也许超越？或者现在不可能？
看看：stackoverflow.com/questions/4704896/… 并查看第二个答案。看起来很有希望

【解决方案1】：

这不是一个真正的解决方案，因为这似乎是实验性的，仅适用于 firefox 和 explorer：

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

【讨论】：

刚刚检查过，它确实有效。问题是，我通常使用谷歌浏览器，想知道我可以使用什么样的后备。无论如何，感谢您的临时解决方案，这是目前最好的选择。如果您找到居中+证明的方法，请告诉我，非常感谢！ :)
嗯，你可以使用 Firefox :P 或 Explorer，因为它也支持呵呵。请 chrome 开发团队实现它：bugs.webkit.org/show_bug.cgi?id=76173
哇，令人惊讶。适用于 IE，但不适用于 Chrome。它应该像“人民浏览器”：P 无论如何，我可能不得不这样做，但是阅读 cmets，我只是感到困惑：PI 认为在浏览器中包含样式要容易得多，我猜我错了:P

【解决方案2】：

对不起，对cmets中的问题有误解。

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

如果它是固定的，你可以将最后一行包裹在一个 span 标签中。

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

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

【讨论】：

【解决方案3】：

目前唯一可靠的方法是将文本剪切为图像。

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

我非常期待text-align-last css 属性得到更广泛的采用。

【讨论】：