css中hr独占一行么 |根据不同浏览器引入不同css

hr {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-style: inset;
border-width: 1px;
}

在 CSS 代码中，可以看到通过设置 <hr> 元素的 display 属性为 block，使其成为块级元素。然后，通过设置 margin 属性来控制水平线的间距及位置。

如果不想让水平线独占一行，可以使用 CSS 样式来改变。比如可以使用 float 属性来使其浮动到一边，或者使用 inline-block 属性来让其与其他内容在同一行显示。

hr {
display: inline-block;
border-style: inset;
border-width: 1px;
width: 50%;
}

上面的 CSS 代码会让 <hr> 元素变为内联级元素，并且设置其宽度为 50%，让其与其他内容在同一行显示。

总之，在使用 <hr> 标签时，可以通过适当的 CSS 样式来控制它在页面中的位置和显示方式，让其更好地适应页面布局。