css中br标签为什么是内联元素

html-css014

css中br标签为什么是内联元素,第1张

br 不是内联标签，也不是块，他只是属于HTML中的一个特殊语法。或者换句话来说。br就是一个换行的标记，出了换行你能看到效果以外，其他的什么都看不到。当然，如果他有一部分是满足内联元素的特性的 ，但不能完全说他是内联，因为他啊无法添加display属性，而内联标签可以添加任何属性。

我也遇到你这样的情况了！我给<br>添加样式margin-bottom:20px。也发现只有火狐浏览器有效果。其他浏览器没有效果。手机端的浏览器也没有效果。

你现在解决了吗？

1，<br>可插入一个简单的换行符。

<br>标签是空标签（意味着它没有结束标签，因此这是错误的：<br></br>）。在 XHTML 中，把结束标签放在开始标签中，也就是 <br />。

请注意，<br>标签只是简单地开始新的一行，而当浏览器遇到 <p>标签时，通常会在相邻的段落之间插入一些垂直的间距。

如下这个示例：

<html>

<body>

<p>

测试<br />测试文字<br />这是第三行了

</p>

</body>

</html>

2，<hr>标签在 HTML 页面中创建一条水平线。

水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。

如下这个示例：

<html>

<body>

<p>hr 标签定义水平线：</p>

<hr />

<p>这是段落。</p>

<hr />

<p>这是段落。</p>

<hr />

<p>这是段落。</p>

</body>

</html>