HTML - 如何将段落分成同样宽的行？

Question

这是关于基本的 HTML+CSS 页面渲染。

当一个段落太长而无法在一行中容纳时，它会尽可能多地占据空间，然后换行，如此反复。

我希望我的网页能够进行换行，以便生成的行尽可能相等。

所以不要得到：

包裹包裹包裹包裹包裹

包裹包裹包裹包裹包裹

包裹包裹包裹包裹包裹

换行

一行很短，我

包裹包裹包裹包裹

包裹包裹包裹包裹

包裹包裹包裹包裹

包裹包裹包裹包裹

（Rap Wrap Inp）更加平衡。例如，这对于右对齐的引用可能很有用，这些引用可能会或可能不会被包装，但如果稍微包装一下，就会看起来很难看。

所以我正在寻找一个 HTML/CSS 命令来告诉浏览器执行此操作。

备注：我并不是在寻找文本的合理性。我需要的是以大致相同大小的方式包裹线条，而不是最后一条短得多。

是否可以？

Answer 1

您可以尝试 fmt 或 par:

fmt -w 80 input.txt

或

par 80jl < input.txt

另一种选择是使用 justify.vim Vim 脚本。

Answer 2

尝试以下 css 语句：
text-align:justify;

或 在此处查看不同的操作选项。

Answer 3

CSS 支持即将推出，但尚未实现准备广泛使用。实施情况各不相同。

以下内容适用于 Chrome，但不适用于 Safari（截至 2024 年 5 月）。

p {
  width: 40%;
}

.p2 {
  text-wrap: balance;
  color: red;
}

<p>wrap wrap wrap wrap wrap wrap wrap wrap wrap wrap wrap wrap wrap wrap wrap wrap</p>

<p class="p2">wrap wrap wrap wrap wrap wrap wrap wrap wrap wrap wrap wrap wrap wrap wrap wrap</p>