CSS中 能不能给<br>回车符添加样式?例如margin-bottom:20px

html-css016

CSS中 能不能给<br>回车符添加样式?例如margin-bottom:20px,第1张

我也遇到你这样的情况了!我给<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>