Javascript 为什么浏览器不呈现尾随<；br>；在<；部门>；？

我有一个带有动态内容的div，其中的行由

元素分隔。问题是，所有主要浏览器都会忽略最后一个

元素

<div>
    long content ...
</div>
<div>
    long content ...
    <br>
</div>
<div>
    long content ...
    <br>
    <br>
</div>

长内容。。。
长内容。。。


长内容。。。

看。示例有3个div

• 首先，在末尾没有

• 第二，在末尾有1
  ，但如果滚动底部的div，则末尾没有空行
• 第三个在末尾有2个
  ，但只渲染一个
• 演示中未出现的第四个有3个
  ，仅呈现2个
• 演示中未出现的第五个有4个
  ，仅呈现3个

---

为什么浏览器会忽略最后一个？我能阻止吗？有比复制最后一个

更好的解决方案吗？

我从来没有用过

。您可以通过使用p标记轻松地管理此项。还有一些文本格式css规则，如

行高

，

字体大小

。您可以轻松地使用这些工具并创建好看的文本。每当你需要为一个新段落换行时，标准的方法是使用另一个p标记，而不是

我从来没有用过

。您可以通过使用p标记轻松地管理此项。还有一些文本格式css规则，如
行高
，
字体大小
。您可以轻松地使用这些工具并创建好看的文本。当你需要为新段落换行时，标准的方法是使用另一个p标记，而不是

br
标记只使用换行，不可能防止，因为你可以使用
填充和边距
最后一个div span和其他
标记只使用换行，不可能防止，您可以使用
填充和边距
最后一个div span和其他
这是因为

不会呈现任何空白。如果你想有一个空行，你需要有两个

标签
，这是因为

不会呈现任何空白。如果你想有一个空行，你需要有两个

标签
浏览器运行正常；您只是错误地认为
br
元素是分隔符

如中所述，它们是换行符。这些元素中的每一个都会将回车返回到下一行，但不会在该行上打印任何内容。只有在添加第二行之前，才能表示第一行的空间

第二个问题的答案是，是的，这个问题有一个更好的解决方案：使用CSS设置那些
div
元素的
margin
或
padding
。这使结构（HTML）与表示（CSS）保持分离。
浏览器的行为正常；您只是错误地认为
br
元素是分隔符

如中所述，它们是换行符。这些元素中的每一个都会将回车返回到下一行，但不会在该行上打印任何内容。只有在添加第二行之前，才能表示第一行的空间

第二个问题的答案是，是的，这个问题有一个更好的解决方案：使用CSS设置那些
div
元素的
margin
或
padding
。这使结构（HTML）与表示（CSS）保持分离。
这是最佳实践，而不是答案。手动设置此属性对我来说很复杂。这个例子非常简单。不管怎么说，我只是想和大家分享一下想法。顺便说一句，对任何人来说，第一次做任何事情都很难。永远不要累。我有许多项目完成，正如你所描述的，但这是不同的。Div不包含段落，但包含完全不同的内容。重写到使用段落不仅在前端非常复杂，而且主要问题在后端。因此，我正在寻找是否有任何简单的解决方案。这是最佳实践，而不是答案。手动设置此属性对我来说很复杂。这个例子非常简单。不管怎么说，我只是想和大家分享一下想法。顺便说一句，对任何人来说，第一次做任何事情都很难。永远不要累。我有许多项目完成，正如你所描述的，但这是不同的。Div不包含段落，但包含完全不同的内容。重写到使用段落不仅在前端非常复杂，而且主要问题在后端。因此，我正在寻找是否有任何简单的解决办法。