以符合html5的方式向左对齐<hr>。
以符合html5的方式向左对齐<hr>。
提问于 2013-12-22 08:13:54
目前，我正在使用
<hr align="left" />在我的HTML5页面上，但是我读到过在XHTML4.01中不推荐使用align属性，并且应该从HTML5中删除。我想使用CSS而不是像这样的内联属性，但是当我尝试
hr{align: left; max-width: 800px;}或hr{text-align: left;}或hr{left: 0;}或hr{float: left;}，它只是出现在中心。
那么，我应该使用什么来代替上面的inline属性呢？
回答 5
Stack Overflow用户
回答已采纳
发布于 2013-12-22 08:29:46
你试图以某种方式使用某种东西(就像Eliezer Bernart提到的那样..显然，与the MDN doc的链接的评论消失了)不再“以这种方式工作”。你可以，只要你不介意它在IE中被扭曲，只需将边距设置为零- http://jsfiddle.net/s52wb/
hr {
max-width: 100px;
margin: 0px;
}然而，一个更好的想法是模仿HR的旧方式，通过CSS来做事情，而不使用HR。查看http://jsfiddle.net/p5ax9/1/的演示：
p:first-child:before {
display: none;
}
p:before {
content: " ";
border: 1px solid black;
margin-top: 15px;
margin-bottom: 15px;
display: block;
max-width: 100px;
}Stack Overflow用户
发布于 2013-12-22 08:26:36
一种选择是将左边距设置为零：
hr{max-width: 800px; margin-left:0;}Stack Overflow用户
发布于 2015-05-19 00:36:20
您可以使用div标签。
<div style="border: thin solid lightgray; width: 100px;"></div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20724891
复制相关文章
相似问题