html - 居中对齐的段落平衡宽度线

Question

我有一个段落，里面有一些文字。 <p>有text-align:center; .想象一下，文本大于一行。始终放置换行符，将所有可能的单词留在第一行，而在第二行只留下几个。

截图示例:

这是我希望我的 html/css 如何定位隔断线的屏幕截图:

由于文本是动态的，而且页面是响应式的，我不想通过硬编码来做到这一点<br> s 或将文本包装成 <span style="display:inline-block;"> s 定义首选换行符。我不想更改 font-size要么

有什么技巧可以在没有 JavaScript 的情况下自动执行此操作吗？

Answer 1

您可以通过添加左右填充来做到这一点。 padding: 0 50px; 但如果不使用 javascript，这几乎是您唯一的选择。