完美对齐的 HTML 段落

Question

我想完美对齐一段，使整个段落位于页面中央，但左右两边完美对齐。这是一个完美对齐的段落的图片示例:

该段落看起来像是在某种盒子中，左右两边完全笔直。我如何在 css 或 html 中执行此操作？

Answer 1

包装器需要通过 CSS 应用文本对齐:

text-align:justify;
text-justify:inter-word;

一般来说，与打印的“排版”应用程序相比，浏览器作为完全对齐的文本做得很糟糕。一般来说，浏览器上的完全对齐会使文本更难阅读，通常应该避免。

CSS:

.justify {
    text-align:justify;
    text-justify:inter-word;
}

HTML

<div class="justify"> ...your text...  </div>