大量文本行之间的间距 css/html/js

Question

假设我有很多文本，我不想在一个大行中，我怎么能在一定数量的单词之后放置一些空白？ 我应该在 CSS 文件或其他地方执行此操作吗？

例如：这个：“你已经成功抢劫了房子，因为房子是空的，所以你没有遇到任何麻烦。” to：“你已经成功抢劫了房子，因为房子是空的，所以你没有遇到任何麻烦。”

在这个网站上可能看起来不太好，但我想你会明白的。 该字符串一开始是空的，将由页面上发生的一些操作填充。

Answer 1

您可以使用 <br> 标签在新行中写入。 如果要放置空格，则必须通过 CSS 移动文本。 例如：

HTML： <font id="moving">Some text</font>

CSS： #moving { float: right; } #moving { float: right; }
但如果它不起作用，您可以尝试：
#moving { position: absolute;important: float; right; }
.important 属性确保 position 标记将设置为绝对标记。

Answer 2

在您的文本所在的容器上指定宽度。 最好使用max-width属性，因为您的文本可能小于您想要的最大宽度。 在这种情况下，它不是必需的，因为段落是一个块元素并且是全宽的。

 p { border: 1px solid lightcoral; }.ch-wrap { max-width: 60ch; }.px-wrap { max-width: 200px; }

 <h1>This has no width set</h1> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam, doloremque nihil. Illo, veritatis est ipsa cumque culpa praesentium dolor error.</p> <h1>This has a width of 60 characters</h1> <p class="ch-wrap">Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam, doloremque nihil. Illo, veritatis est ipsa cumque culpa praesentium dolor error.</p> <h1>This has a width of 200px set</h1> <p class="px-wrap">Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam, doloremque nihil. Illo, veritatis est ipsa cumque culpa praesentium dolor error.</p>