【问题标题】:how to make line break in html without br [closed]如何在没有br的情况下在html中换行[关闭]
【发布时间】:2015-12-17 12:53:22
【问题描述】:

我有很多内容,我要把它上传到我的网站,在网站上它看起来就像没有换行符。并且添加内容需要很多时间 - <br>。有没有其他方法可以断线? 谢谢!

【问题讨论】:

  • 你应该用<p>paragraph stuff</p>标签包裹段落,这将提供正确的间距。
  • 但是,Aaron,这也需要很多时间。我只有大约 300MB 的文本,大约需要一年的时间才能给它们添加段落。
  • 应该在哪里断行?
  • 我们可以得到一个文本的 sn-p 以便我们知道它的样子吗?最好在您希望有换行符的地方。这里没有足够的信息来实际为您提供一个好的答案。
  • s27.postimg.org/yrzwnymmb/image.jpg 我有这样的文字

标签: html css


【解决方案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>

【讨论】:

  • 这就是我需要的,谢谢!
【解决方案2】:

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

【讨论】:

【解决方案3】:

使用 CSS。例如,如果您有几段文本,您可以在每段之间留一个空格,只需将它们的下边距设置为:

p { margin-bottom : 1em; }

这将在每个段落之间提供一个完整的空白行(或者您可以有 0.5em,例如,以获得一半的空间,或任何其他措施。如果您以前没有使用过 CSS,那么现在是时候了学习,而且很容易学习基础知识。

您现在可以在 HTML 顶部的 head 部分添加 CSS(稍后学习如何将其放入单独的文件中),这样做:

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

【讨论】:

  • GuyH unfotiunatly,我的内容中没有段落。有一堆原始文本。没有html,只有文本。添加段落会花费很多时间。
【解决方案4】:

我想在&lt;p&gt;&lt;/p&gt; 中包裹段落比在段落之间添加&lt;br&gt; 需要更长的时间。如果我要获取大量原始文本并将其放入网页上的内容中,我会将其粘贴到(或者因为我是程序员编写程序)进行转换的程序中。

在我写作的时候,我在想,如果你把你的文本放到 MS Word 中,然后将它保存为 HTML 并进行格式更正,你能从中得到适合你目的的输出吗?

【讨论】:

  • 好吧,我没有意识到它会忽略 / 和 / 我希望你能弄清楚它们的归属。
  • 复制/粘贴到 MS Word,比保存也需要很多时间。你能帮我制作自动添加段落/br-s的程序吗?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-02-11
  • 2017-10-16
相关资源
最近更新 更多