Question

我有很多内容，我将上传到我的网站，在网站上看起来没有换行符。并且需要花费大量时间来添加内容 - <br>。有没有其他方法来打破线？谢谢！

Answer 1

我会假设您的原始内容因回车或换行而导致中断，但它们不会以HTML格式呈现。

要解决此问题，请添加CSS样式pre-wrap：

div {
  white-space: pre-wrap;
}

<div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.  Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>

Answer 2

您可以为段落标记或其父标记指定宽度。请在jsfiddle中发布你的作品。所以我可以编辑它并将它交给你

Answer 3

我想在<p></p>中包含段落比在段落之间添加<br>需要更长的时间。如果我要将大量的原始文本放入网页上的内容中，我会将其粘贴到（或者因为我是程序员编写程序）一个可以进行转换的程序中。

在我写作的时候，我正在思考并想知道你是否把你的文本放到MS Word中并将其保存为HTML并使格式更正可以从那些适用于你的目的？

Answer 4

使用CSS。例如，如果你有几段文字，你可以在每一段之间留一个空格，只需给它们一个底部边距：

p { margin-bottom : 1em; }

这将在每个段落之间给出一个完整的空白行（或者你可以使用0.5em来获得一半的空间或任何其他度量。如果你之前没有使用过CSS，那么现在是时候了学习，学习基础知识非常容易。

您可以在head部分的HTML顶部添加CSS，暂时（稍后了解如何将其放入单独的文件中），执行：

<head>
....[other stuff here]
<style type="text/css">
p { margin-bottom : 1em; }
</style>
</head>

如何在没有br的情况下在html中进行换行

4 个答案: