以符合HTML5标准的方式向左对齐

前端之家收集整理的这篇文章主要介绍了以符合HTML5标准的方式向左对齐前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
目前,我正在使用
<hr align="left" />

在我的HTML5页面上,但是我已经看到,在XHTML 4.01中已经弃用了align属性,并且据称从HTML5中删除.我想使用CSS而不是像这样的内联属性,但是当我尝试了

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

或hr {text-align:left;}或hr {left:0;}或hr {float:left;},它刚刚出现在中心.

那么我应该使用什么而不是上面的内联属性

解决方法

你正试图以某种方式使用某些东西(正如Eliezer Bernart所说的那样,并且显然这个链接the MDN doc评论消失了)不再“这样”了.你可以,只要你不介意在IE中使用它,只需将边距设置为零 – http://jsfiddle.net/s52wb/
hr {
    max-width: 100px;
    margin: 0px;
}

一个更好的想法是,通过CSS而不使用人力资源来模仿人力资源的老式做事方式.查看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;
}
原文链接:https://www.f2er.com/html5/168736.html

猜你在找的HTML5相关文章