如何标记多个 <br />?

11

我使用

  <br />

如何在网页中插入空白行?有没有一种优雅的方法来实现插入20 - 40个空白行的效果?如果使用 <br> 标签进行格式化,每个标签都会换到新的一行,这会使文件阅读起来很麻烦。


你可以使用JavaScript来实现这个。 - Tomtom
1
您可以在此处找到有关样式化br标签的一些有用信息:https://dev59.com/dHNA5IYBdhLWcg3wmfEa#899359 - David
如果有人能解释一下为什么不建议使用多个<br/>,那将会很有帮助。 - Nick Rolando
因为它会产生大量的冗余和误阻塞HTML。 - devdRew
@Shredder:这是因为它冒犯了我们的感官。看起来很...肮脏。 - Shai Cohen
6个回答

12

min-height, marginpadding

你可以定义 CSS 样式,例如:

.space { margin-top: 300px; }

然后将它插入到您想要放置的任何位置...

<div class="space"></div>

希望这可以帮助到您...


4

虽然这是一个老问题,但却是一个经典的问题。

如果您真的想使用多个 < br > 标签,可以按以下方式进行操作:

<br />&nbsp;<br />

我觉得这个很有用,当我想要段落之间的空格时。使用Div标签来做这件事是一个非常糟糕的过度实现,对不起大家。 :-)

3

为什么那“绝对不是正确的方式”? - Nick Rolando
3
  1. 不同的浏览器会以不同的方式呈现换行。
  2. 不易维护 - 你真的想在代码文件中放置约40个换行符,然后数它们来确认它们的数量是否正确吗?
  3. CSS属性使得事物更加集中化,因此你将拥有更易维护的代码。
- Beenish Khan

2

使用

或之间的填充而不是<br />


1
问题是:如果有人能解释一下为什么不建议使用多个
,那将会很有帮助。
最好使用填充或边距来获得所需的间距。这样更精确(每个浏览器可以以不同的方式显示br)。
边距和填充对几乎所有浏览器都更兼容。

0
你可以这样写: 在VSCode(Emmet缩写)中,不需要使用尖括号,直接输入br*100即可。 这将插入所需数量的空行,这里是100个空格。

这不是无效的语法吗?请提供一个可工作的代码示例。 - user20384561

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接