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

【问题标题】：Spacing between long amount of text lines css/html/js大量文本行之间的间距 css/html/js
【发布时间】：2021-05-21 13:48:12
【问题描述】：

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

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

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

【问题讨论】：

您在寻找 吗？
不知道这是否可行，因为html文件中的字符串一开始是空的，稍后将通过网站上的一些操作来填充。
否则您可以为文本所在的元素设置宽度。
谢谢你的成功
例如，如果您有一个  元素。你可以给它上课：lorem ipsum。然后在 CSS .notification { width: 50ch } 中。您也可以使用其他单位（px、vw、em...）。或者你直接给元素一个样式：。 ch 单位代表字符。

标签： javascript html css line spacing

【解决方案1】：

在您的文本所在的容器上指定宽度。最好使用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>

【讨论】：

【解决方案2】：

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

HTML: Some text

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

【讨论】：