首页 > 其他 > 详细

text-align=center 失效原因

时间:2015-09-10 15:42:44      阅读:216      评论:0      收藏:0      [点我收藏+]

text-align属性是针对 内联元素居中得属性设置,对于块状元素使用margin:0 auto;来控制居中;

笔者在设置一个h2标签时设置了text-align:center;但是却始终出现在中间偏左得位置,第一反应是可能样式冲突了,但是经过查找没有发现冲突,而且换了p标签也是不行,最终通过谷歌审查元素功能看到一个user agent style的属性设置

技术分享

 

原来浏览器自作主张把h2给设置成了块元素 所以只需要重新覆盖一下设置为inline-block就好了

text-align=center 失效原因

原文:http://www.cnblogs.com/yy-hh/p/4797766.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!