css - 样式或填充/边距元素

Question

这些天来使用 HTML5 和 CSS3，<br>当可以使用边距/填充时，标签的使用是否令人不悦？

编辑：这是关于我的用例的 div 元素之间的间距，但也欢迎一般最佳实践建议。

Answer 1

实际上，围绕它的使用有非常明确的规则，可以追溯到HTML 2.0首次引入的时代：

该<BR>元素指定单词之间的换行符（参见 6，“字符、单词和段落”）。例如：

<P> Pease porridge hot<BR>
Pease porridge cold<BR>
Pease porridge in the pot<BR>
Nine days old.

<br>元素本身从未打算用于控制边距/填充。尽管他们clear在 HTML 3.2 中引入了一个表示属性来处理浮动图像之类的事情，但它很快在 HTML 4 和 XHTML 1 中被弃用，取而代之的是 CSS。那是差不多 15 年前的事了，所以这真的不是什么新鲜事。

在HTML5中，他们通过示例（并且该属性已过时<br>）更清楚地说明了不用于演示或布局的内容：clear

br元素只能用于实际上是内容一部分的换行符，如诗歌或地址。

以下示例是该br元素的正确用法：

<p>P. Sherman<br>
42 Wallaby Way<br>
Sydney</p>

br元素不得用于分隔段落中的主题组。

以下示例不符合标准，因为它们滥用了该br元素：

<p><a ...>34 comments.</a><br>
<a ...>Add a comment.</a></p>
<p><label>Name: <input name="name"></label><br>
<label>Address: <input name="address"></label></p>

以下是上述的替代方案，它们是正确的：

<p><a ...>34 comments.</a></p>
<p><a ...>Add a comment.</a></p>

<p><label>Name: <input name="name"></label></p>
<p><label>Address: <input name="address"></label></p>

因此<br>，为了布局目的而使用 CSS 边距来代替 CSS 一直是不受欢迎的，至少编写规范的人是这样。

Answer 2

取决于您是否喜欢使用 line-height 或 margin/padding。