如何以符合HTML5的方式将<hr>与左侧对齐?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (48)

目前,我正在使用

<hr align="left" />

在我的HTML5页面上,但我已经读过对齐属性在XHTML 4.01中,并且应该从HTML5中删除。我想使用CSS而不是像这样的内联属性,但是当我尝试时

hr{align: left; max-width: 800px;}

hr{text-align: left;}hr{left: 0;}hr{float: left;},它只是出现在中心。

那么我应该用什么来代替上面的内联属性?

提问于
用户回答回答于

试图以某种方式使用某些东西(就像Eliezer Bernart提到的那样,显然这个与MDN文档链接的评论消失了)不再“以这种方式工作”。你可以,只要你不介意在IE中搞砸,只需设置边界为零。

hr {
    max-width: 100px;
    margin: 0px;
}

通过CSS的方式

p:first-child:before {
    display: none;
}
p:before {
    content: " ";
    border: 1px solid black;
    margin-top: 15px;
    margin-bottom: 15px;
    display: block;
    max-width: 100px;
}
用户回答回答于

一种选择是将左边距设置为零:

hr{max-width: 800px; margin-left:0;}

扫码关注云+社区

领取腾讯云代金券