HTML br 如何用 CSS 替换？

Question

当我想在 HTML 代码中使用新行时，我确实会使用 <br>，但是当我进行代码性能测试并通过一些关于 HTML 的良好实践时。我发现在使用<br> 换行时我完全做错了。

我经历过这个 article.

期待从社区了解，这是一种好方法还是推荐使用其他任何东西来代替 <br>（就像任何 CSS/javascript 技巧一样）

如果有其他方法，请通过代码示例参考。

非常感谢。

Answer 1

我发现我在使用<br> 换行时完全做错了

不一定。毕竟，这就是它的明确（也是唯一）目的：开始新的一行。例如，在诗歌中，换行符通常是有意义的，但不会开始新的段落，所以：

What's in a name? that which we call a rose
<br>By any other name would smell as sweet;

...是写罗密欧与朱丽叶这两行的完全合理的方式。

但是如果你想开始一个新的段落，你不会使用<br>，你会结束当前段落并开始一个新的段落：

<p>This is one paragraph</p>
<p>This is another</p>

同样，您通常不会使用它来分解容器中的内容，例如 div；相反，你会结束一个 div 并开始另一个：

<div>This is one div</div>
<div>This is another</div>

您还可以使用 CSS 来设置通常为内联或内联块的元素的样式，就像 div 元素一样，但这通常不是一个好主意（总是有例外）。

如果您想在元素之间添加空格，这就是 padding 和 margin CSS 属性的用途。