您现在的位置是：网站首页> 编程资料编程资料

IE9下(table/div/图片)的居中问题浅谈原生页面兼容IE9问题的解决方案新版chrome浏览器设置允许跨域的实现css hack之\9和\0就可能对hack IE11\IE9\IE8无效css区分ie8/ie9/ie10/ie11 chrome firefox的代码解决CSS浏览器兼容性问题的4种方案常见的浏览器兼容性问题(小结)border-radius IE8兼容处理的方法浅谈遇到的几个浏览器兼容性问题base64图片在各种浏览器的兼容性处理对常见的css属性进行浏览器兼容性总结(推荐)

2021-09-07 677人已围观

简介网上很多都是转载以下代码而且只能文本居中，table、图片是不行的，接下来为大家介绍下table和div均能实现居中的代码，感兴趣的朋友可以参考下，希望对你有所帮助

在网上找了一下，发现很多都是转载以下代码版本的，但是发现这个代码只能文本居中，table、图片是不行的；

复制代码

代码如下:

居中

原因是，div默认是占据整个浏览器宽度，所以需要定义width，即

复制代码

代码如下:

居中

这样写的话，里面的table和div都可以居中了。只能讲一句：可恨的微软的IE

IE下的DIV居中确实存在着一种问题，网上也有很多关于在IE下DIV居中的方法，亲自测试了一下，其实没有他们说的那么麻烦。
1.在IE9以上的版本中，只需要设置 margin：0px auto; 就可以使得DIV居中
2.在IE9以下的版本中，需要如下设置

复制代码

代码如下:

其中的子div方可实现居中。

上一篇：CSS中的EM属性之弹性布局纯CSS3弹性框布局实现的渐变色波动列动画效果源码css flex 弹性布局详解CSS3弹性布局内容对齐（justify-content）属性使用详解CSS3弹性伸缩布局之box布局实例讲解CSS3中的box-flex弹性盒属性布局CSS3弹性盒模型flex box快速入门心得(必看篇)几个CSS3的flex弹性盒模型布局的简单例子演示基础的CSS3弹性盒Flexbox布局使用实例CSS3 Flex 弹性布局实例代码详解

下一篇：DIV多层嵌套margin-top的BUG问题设置div背景透明的方法示例CSS实现div不设高度完全居中div自适应高度自动填充剩余高度详解DIV+CSS的命名规矩才能有利于SEO优化的实现方法DIV或者DIV里面的图片水平与垂直居中的方法详解如何用div实现自制滚动条div对齐与网页布局详解DIV+CSS实现电台列表设计的示例代码div+css实现带箭头的面包屑导航栏不定宽高的文字在div中垂直居中实现方法

您现在的位置是：网站首页> 编程资料编程资料

相关内容

点击排行

本栏推荐

猜你喜欢