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

标签 css image alignment center justify

我看过其他问题,但它们都是关于将左对齐文本的博客居中。我正在努力解决的问题是将文本居中并在给定的宽度内将其对齐。

The image below is a crop of what I designed in Photoshop, I hope to code something like this

这是我当前的 CSS 代码块:

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

有什么建议,非常感谢! :)

最佳答案

这不是一个真正的解决方案,因为它似乎是实验性的并且只适用于 firefox 和 explorer:

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

参见:https://developer.mozilla.org/es/docs/CSS/text-align-last

关于css - 我如何居中和对齐文本,就像这张图片一样?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14976734/

相关文章:

css - CSS 中的表格样式

css - 我应该如何组织我的 CSS 文件的内容?

javascript - 我如何在使用 css javascript 和 php 时限制 HTML 表打印页面中的特定行

javascript - Jquery 幻灯片中的图片断断续续且显示不正确

python - Python 中的枕头不允许我打开图像 ("exceeds limit")

html - 网格元素具有不同的高度

css - 将文本 div 的边框与图像 div 对齐

javascript - 使用 Webpack 捆绑单独的 CSS

css - 使用图像分隔符背景大小的正确方法?

ruby-on-rails - Rails - 如何从 S3 获取图像、调整图像大小并将缩略图保存到 S3?