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

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-lastcss 属性被更广泛地采用。