您现在的位置是：网站首页> 编程资料编程资料
div中子div在firefox ie 水平居中对齐 _浏览器兼容教程_CSS_网页制作_
2021-09-09
908人已围观
简介 div 水平居中的实现方法。
比如：
想让子div在父div中水平居中对齐，如果在css中写
div
{
text-align: center;
}的话在ie中浏览没有问题，但在firefox中依然左对齐。
所以必须再加一个样式
div div
{
margin-left:auto; margin-right:auto;
}这样在ie，ff都能对齐。
我猜想是ff中如果你不设置margin，默认为0；而margin的优先级又高于text-align。
不知道大家有什么猜想。请分享。
想让子div在父div中水平居中对齐，如果在css中写
div
{
text-align: center;
}的话在ie中浏览没有问题，但在firefox中依然左对齐。
所以必须再加一个样式
div div
{
margin-left:auto; margin-right:auto;
}这样在ie，ff都能对齐。
我猜想是ff中如果你不设置margin，默认为0；而margin的优先级又高于text-align。
不知道大家有什么猜想。请分享。
相关内容
- IE8样式不正确显示问题 _CSS教程_CSS_网页制作_
- css margin-left在IE6下的问题的解决方法_CSS教程_CSS_网页制作_
- input 文本框 文字垂直居中对齐 ie firefox _浏览器兼容教程_CSS_网页制作_
- css 优先级关系 _CSS教程_CSS_网页制作_
- div+css样式表的id和class常用命名规则_Div+CSS教程_CSS_网页制作_
- web开发中怎么样使css书写规范? _CSS教程_CSS_网页制作_
- CSS 实现网页图片的预加载_CSS教程_CSS_网页制作_
- css IE8 兼容问题的汇总_浏览器兼容教程_CSS_网页制作_
- CSS 网页布局中的图文列表实现代码_CSS布局实例_CSS_网页制作_
- CSS 网页背景渐变实现代码_CSS教程_CSS_网页制作_
