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

Posted 2023-03-05

【中文标题】HTML - 如何将段落分成同样宽的行？

【英文标题】：HTML - How to have paragraph split into equally wide lines?

【发布时间】：2011-10-23 04:55:42

【问题描述】：

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

当一个段落太长而不能放在一行中时，它会占用尽可能多的空间，然后换行，如此循环。

我希望我的网页换行，以便结果行尽可能相等。

所以不是得到：

包裹包裹包裹包裹包裹

包裹包裹包裹包裹包裹

包裹包裹包裹包裹包裹

包装

最后一行很短，我会得到：

包裹包裹包裹包裹

包裹包裹包裹包裹

包裹包裹包裹包裹

包裹包裹包裹包裹

线条更加平衡。这将很有用，例如，右对齐的引号可能会或可能不会被包裹，但如果被包裹一点点就会看起来很丑。

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

备注：我不是在寻找要证明的文字。我需要的是线条以大致相等的大小而不是最后一个短得多的方式包裹。

有可能吗？

【问题讨论】：

你想在哪里做这个？在命令提示符下？到现有文件？从程序中给你的输出发短信？如果是最后一个，您使用的是什么语言（C#、Java、php...）和平台（WinXP、Win7、Unix、Linix、MacOS...）。谢谢。

对不起。它只是 HTML。我已经编辑了问题以指定这一点。

这很酷，但我怀疑需要 javascript。可能是一个例程，一次将包含元素的填充增加 10 像素，直到高度增加，此时它选择前一个宽度。每次调整页面大小后都必须重新评估。有趣的是，我也有同样的需求，让引用看起来更平衡。

@AnthonyVO 好主意！如果您实施，请在此处发布您的解决方案吗？

这是一个非常好的问题！我有这个问题，对于页内标题，有时它足够宽，以至于单词可以换行到下一行，如果它是平衡的，而不是第二行上的一个单词，它看起来会更好。它确实应该是一个 CSS 选项。

【参考方案1】：

你可以试试fmt 或par：

fmt -w 80 input.txt

或

par 80jl < input.txt

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

【讨论】：

对不起。它只是 HTML。我已经编辑了问题以指定这一点。

【参考方案2】：

试试下面的 css 语句： text-align:justify;

或see the different options in action here。

【讨论】：

谢谢，但是...我不是在寻找合理的文本。我需要的是以大致相等的大小而不是最后一个短得多的方式包裹线条。