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

Question

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

所以举个例子：这个：“你已经成功地洗劫了房子，因为房子是空的，你没有运行惹上任何麻烦。”到：“你已经成功地抢劫了房子，因为房子是空的你运行没有遇到任何麻烦。"

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

Answer 1

您可以使用
标签换行书写。如果你想放置空格，你必须通过 CSS 移动文本。例如：

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

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

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>

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

Spacing between long amount of text lines css/html/js

html

javascript

css

line

spacing