IE下DIV居中的问题

最新推荐文章于 2021-06-08 18:10:39 发布
最新推荐文章于 2021-06-08 18:10:39 发布
阅读量1.3k 收藏 1
点赞数
分类专栏： Web前端 文章标签： div ie 测试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ForeverCjl/article/details/7651775
版权

IE下的DIV居中确实存在着一种问题，网上也有很多关于在IE下DIV居中的方法，亲自测试了一下，其实没有他们说的那么麻烦。

1.

在IE9以上的版本中，只需要设置 margin：0px auto; 就可以使得DIV居中

2.

在IE9以下的版本中，需要如下设置

<div style="text-align:center">

<div style="margin-left:auto ; margin-right:auto"></div>

</div>

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

foreverpx
关注
专栏目录
div完全纯css自适应居中【兼容IE7+ Chrome FireFox 等】
山水间的漫步者
03-23 5261
从产品设计css一直做到linux运维的程序猿...  很多技术都是皮毛，各位见谅，只求和大家交流一点小技术，欢迎拍砖！ 1. 纯CSS，完全无需JS，主要就是借用了“万恶”的table..呵呵，如果各位觉得table还有点用的话，就可以尝试一下吧，“table反对党”请无视哈... 2. IE6没有测试，抱歉= =  DOM结构
(转载）关于使用CSS居中(包括水平/垂直)
jackyrongvip的专栏
02-11 1332
关于使用CSS居中(包括水平/垂直)关于使用CSS居中(包括水平/垂直)  用CSS如何使DIV层水平居中这两天开始对网志进行大刀阔斧的页面更改.今天碰到个很棘手的问题,DIV本身没有定义自己居中的属性,网上很多的方法都是介绍用上级的text-align: center然后嵌套一层DIV来解决问题.可是事实上这样的方法科学吗?经过网络搜索
IE浏览器让DIV居中
weixin_30301449的博客
01-16 382
在chrome，FireFox等浏览器中，要想让div居中显示，只要设置margin:0 auto;即可使div居中，在IE中不好，竟然是居左显示。在网上查了IE中DIV居中的方法，父标签设置{width:100%;text-align:center;}，需要居中的标签设置{width:XXpx;margin:0 auto;text-align:left;},就可 以实现居中效果了。 ...
div IE居中
jiang_xiaohan的博客
08-30 335
div样式在IE下margin:0 auto不居中多种解决方法 2012-06-29 00:48:18 | 1934次阅读 | 评论：0 条 | itokit 正常情况下需要将div居中显示时，使用Css样式:margin:0 auto即可，但有时使用margin:0 auto后在FF、Chrome里能居中，而在IE678里不居中的现象。 如下代码: XML/HTML C...
IE浏览器DIV居中
feifei20081014的专栏
08-14 942
编写主题或模板是居中是个大问题，还有就是div中元素都浮动，自适应高度的问题 编写网页代码的CSS时，一般都要让网页居中显示，但是一般情况下我们的CSS都是 margin:0 auto ，也就是margin左右相等，但是在IE浏览器中它就不居中，百度一下，说了几种方法，但是最管用，最通用，最好用，绝对可靠的方法还是在CSS里面加上 body {text-align: center;}
让IE的Div居中
javavsnet
07-17 193
同样的页面，在火狐、chrome下div是居中的，在IE下就不行，后来找到解决方案， 页面默认没有在HTML前加上DTD,于是IE就以HTML而不是XHTML来解释文档. 问题并不在CSS而在XHTML网页本身. 需要加上这样的代码才能使得上述设置有效果: [url]http://www.cnblogs.com/DebugLZQ/archive/2011/08/09/21323...
IE6 div最小高度去除方法以及IE6div垂直居中css样式
12-13
本篇文章将探讨两个在IE6中常见的问题及其解决方案：去除div最小高度限制和实现div垂直居中。 首先，让我们解决IE6中的div最小高度问题。在IE6中，当尝试设置一个较小的高度（如3px）时，div的实际高度可能不会按照...
IE 的 DIV居中问题
ian的技术博
10-18 183
一般在将div居中显示时，使用css： divX {margin:0 auto;} 此css在firefox下是好的，但是在ie下不起作用，网上看到原因如下： margin: 0 auto 看看内容居中否 如上调试结果，IE6.0是不居中的，当然解决的办法可以是对网页主体
IE中DIV不居中问题！
热门推荐
肖飞figo的云计算专栏
03-19 2万+
CSS 如何使DIV层水平居中 今天用CSS碰到个很棘手的问题,DIV本身没有定义自己居中的属性, 网上很多的方法都是介绍用上级的text-align: center然后嵌套一层DIV来解决问题. 可是事实上这样的方法科学吗? 经过网络搜索和亲自实验得出以下结论: 正确的也是对页面构造没有影响的设置如下: 对需要水平居中的DIV层添加以下属性: margin-left: au
css中position:fixed实现div居中上下左右居中
09-25
在CSS布局技术中，使DIV元素在浏览器窗口中上下左右居中是一个常见的需求。通过使用CSS的定位属性，我们可以通过多种方法来实现这一效果。本篇文章主要探讨了如何利用CSS属性position:fixed来实现DIV的绝对居中。 ...
div居中问题
blueswen的博客
11-10 266
DIV左右居中 需要固定div宽度 body{ margin:0; padding:0; width:100%; height:100%; } div{ margin:0 auto; width:500px; height:auto; } DIV 上下左右居中 缺点：需要固定宽高 body{ margin:0; padding:0; width
IE及标准浏览器中DIV居中问题
01-30 377
在标准浏览器中，设置margin:0 auto;即可使元素居中，但IE不这样理解，也就不会让标签居中。好在IE中还有text-align:center属性，可以设置在其它浏览器文本居中，但IE又不同，它会解释为一切都居中，包括标签，所以这两个一起用是浏览器兼容的处理。当不想在IE中其它DIV中文本居中，可以在父层中设置一下text-align:left；即为原本的默认属性，其他浏览器不会受到影响。
html div浏览器居中显示,IE浏览器DIV居中实现方法
weixin_42363388的博客
06-08 769
IE浏览器中div使用margin:0 auto好像不能居中了，但在ff其它浏览器没问题，下面我来介绍解决ie下 div不居中问题的办法。编写主题或模板是居中是个大问题，还有就是div中元素都浮动，自适应高度的问题编写网页代码的CSS时，一般都要让网页居中显示，但是一般情况下我们的CSS都是 margin:0 auto ，也就是margin左右相等，但是在IE浏览器中它就不居中，百度一下，说了几...
让多个DIV排列时居中
fenghome的专栏
06-13 1359
Untitled Document body {text-align:center} #outer { width:60%; background:#ffffcc; margin:auto; text-align:center; } .inner { width:100px; height:100px; margin:5px; border:1px solid #000; }
三种让div居中的方式
Mr_pets的博客
09-11 6876
三种让div居中的方式 写在前面：div居中于屏幕中间有很多种方式，这里就记录下 学习的时候的三种方式 毕竟面试题问的多！！ 1.宽度和高度已知的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wid...
IE9下(table/div/图片)的居中问题
12-07
复制代码代码如下: <div xss=removed> <div xss=removed>居中</div> </div> 原因是，div默认是占据整个浏览器宽度，所以需要定义width，即 复制代码代码如下: <div xss=removed> <div xss=removed>居中</div> </...
IE浏览器div错乱问题
weixin_30698527的博客
04-28 324
这个问题属于各浏览器的兼容问题，有时候在其他浏览器中，html页面布局都是正常显示，唯独IE浏览器的div块布局错乱了，可能是html文件上面的报头标准出现错误。 就是一段报头，告诉浏览器，你的文档以HTML格式遵循W3C标准XHTML1.0协议。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/...
多个div水平排列并且居中
xqhys的博客
03-07 1988
&lt;div style="text-align: center;"&gt; &lt;div style="display: inline-block;"&gt;&lt;/div&gt; &lt;div style="display: inline-block;"&gt;&lt;/div&gt; &lt;/div&gt; tex
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值