【问题标题】:Double line break HTML tag双换行 HTML 标记
【发布时间】:2013-06-18 23:27:27
【问题描述】:

我正在创建一个网站,我发现自己做了很多</br></br> 以创建一个看起来像这样的新段落......

Paragraph 1

Paragraph 2

我已经创建了一个<tab> 标记来缩进段落,但我想知道是否可以创建一个<break> 标记并插入两个新行以节省一些时间。

谁能指出我正确的方向?

谢谢!

-亨利

【问题讨论】:

  • 为什么不把这一段分成两段呢?
  • 附带说明,</br> 不是正确的原理图。那是一个结束标签,换行标签永远不会打开。您应该使用<br />(自封闭标签)或<br>(旧代码)。
  • 你真的不应该“制作”新标签。这个东西有一个

    标签。

  • @dystroy 我知道 CSS 是什么...你认为我是如何创建我的 <tab> 标签的?使用tag { padding-left:2.5em; }
  • 使用<p>Paragraph 1</p><p>Paragraph 2</p>

标签: html css newline line-breaks


【解决方案1】:

您可以使用p 标签:http://www.w3.org/TR/html-markup/p.html

<p>Paragraph 1</p>

<p>Paragraph 2</p>

附带说明:您真的应该考虑使用semantic html

【讨论】:

  • 我不应该创建我的&lt;tab&gt; 标签来缩进段落吗?这是不好的做法吗?
  • 是的,这在大多数情况下是非常糟糕的做法。您可以使用现有标签(如i)并覆盖它们的默认值。
  • 但是如果i 将文本变为斜体,如果我想使用它怎么办?但我将i 更改为缩进。
  • 缩进段落的更好方法是给它们一个类(例如

    )并使用margin-left属性对其进行样式设置(例如.tab {margin-left : 4em;})

【解决方案2】:

如果语义上不需要&lt;p&gt;(?),您可以更改&lt;br/&gt; 默认值:

br {
  margin:2.5em 0;/* FF for instance */
  line-height:5em;/* chrome for instance */
}

http://codepen.io/anon/pen/cJwDhI

【讨论】:

  • 感谢您真正回答我想要的。
【解决方案3】:

使用&lt;pre&gt; 标签。它将格式保存在其中。

<pre>
My first line.

My second line after two line breaks.
</pre>

【讨论】:

    猜你喜欢
    • 2011-06-15
    • 2017-03-18
    • 1970-01-01
    • 2012-05-17
    • 2011-04-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-11-23
    相关资源
    最近更新 更多