IE下DIV居中的问题

最新推荐文章于 2021-06-08 18:10:39 发布
最新推荐文章于 2021-06-08 18:10:39 发布
阅读量1.2k 收藏 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
关注
专栏目录
关于CSS控制DIV水平居中问题
12-12
关于CSS 控制DIV水平居中问题，我看到很多新人搞不明月。记得第一次看CSS是一个老外写的书，那个里面谈到居中使用。 margin-left:auto;margin-right:auto; 其实等同于： margin:0 auto; 　于是可以使用这种方式，...
IE浏览器DIV居中
feifei20081014的专栏
08-14 932
编写主题或模板是居中是个大问题，还有就是div中元素都浮动，自适应高度的问题 编写网页代码的CSS时，一般都要让网页居中显示，但是一般情况下我们的CSS都是 margin:0 auto ，也就是margin左右相等，但是在IE浏览器中它就不居中，百度一下，说了几种方法，但是最管用，最通用，最好用，绝对可靠的方法还是在CSS里面加上 body {text-align: center;}
(转载）关于使用CSS居中(包括水平/垂直)
jackyrongvip的专栏
02-11 1322
关于使用CSS居中(包括水平/垂直)关于使用CSS居中(包括水平/垂直)  用CSS如何使DIV层水平居中这两天开始对网志进行大刀阔斧的页面更改.今天碰到个很棘手的问题,DIV本身没有定义自己居中的属性,网上很多的方法都是介绍用上级的text-align: center然后嵌套一层DIV来解决问题.可是事实上这样的方法科学吗?经过网络搜索
IE浏览器让DIV居中
weixin_30301449的博客
01-16 369
在chrome，FireFox等浏览器中，要想让div居中显示，只要设置margin:0 auto;即可使div居中，在IE中不好，竟然是居左显示。在网上查了IE中DIV居中的方法，父标签设置{width:100%;text-align:center;}，需要居中的标签设置{width:XXpx;margin:0 auto;text-align:left;},就可 以实现居中效果了。 ...
让IE的Div居中
javavsnet
07-17 181
同样的页面，在火狐、chrome下div是居中的，在IE下就不行，后来找到解决方案， 页面默认没有在HTML前加上DTD,于是IE就以HTML而不是XHTML来解释文档. 问题并不在CSS而在XHTML网页本身. 需要加上这样的代码才能使得上述设置有效果: [url]http://www.cnblogs.com/DebugLZQ/archive/2011/08/09/21323...
div IE居中
jiang_xiaohan的博客
08-30 322
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...
IE9下(table/div/图片)的居中问题
09-25
这个div居中显示 </div> ``` 在上述代码中，给div指定了宽度为父元素的50%，然后通过`margin: 0 auto;`来实现水平居中。 然而，对于IE9以下的版本，由于其对CSS的支持不同，上述方法可能不会生效。在这些老旧的IE...
IE6 div最小高度去除方法以及IE6div垂直居中css样式
09-25
本文将详细介绍如何解决IE6下`div`最小高度无法设置以及`div`垂直居中的CSS样式问题。 首先，让我们来探讨一下IE6中`div`最小高度去除的方法。在某些情况下，当你试图设定一个`div`的最小高度（通过CSS的`min-...
IE9下DIV本来应该居中的结果显示为居左
09-25
在父容器中设置text-align: center后，将DIV的display属性设置为inline-block，同样可以使DIV居中显示。代码如下： ```css .parent-container { text-align: center; } .div-centered { width: /* 定义DIV宽度 *...
div中子div在firefox ie 水平居中对齐
12-12
这段代码针对父`<div>`内的子`<div>`，使其在宽度确定的情况下水平居中。这种方法依赖于父元素具有一个明确的宽度，以便浏览器能够计算并应用自动外边距。如果没有设定父元素的宽度，子元素可能会沿其容器的宽度扩展...
三种让div居中的方式
Mr_pets的博客
09-11 6849
三种让div居中的方式 写在前面：div居中于屏幕中间有很多种方式，这里就记录下 学习的时候的三种方式 毕竟面试题问的多！！ 1.宽度和高度已知的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wid...
IE及标准浏览器中DIV居中问题
01-30 366
在标准浏览器中，设置margin:0 auto;即可使元素居中，但IE不这样理解，也就不会让标签居中。好在IE中还有text-align:center属性，可以设置在其它浏览器文本居中，但IE又不同，它会解释为一切都居中，包括标签，所以这两个一起用是浏览器兼容的处理。当不想在IE中其它DIV中文本居中，可以在父层中设置一下text-align:left；即为原本的默认属性，其他浏览器不会受到影响。
div完全纯css自适应居中【兼容IE7+ Chrome FireFox 等】
山水间的漫步者
03-23 5252
从产品设计css一直做到linux运维的程序猿...  很多技术都是皮毛，各位见谅，只求和大家交流一点小技术，欢迎拍砖！ 1. 纯CSS，完全无需JS，主要就是借用了“万恶”的table..呵呵，如果各位觉得table还有点用的话，就可以尝试一下吧，“table反对党”请无视哈... 2. IE6没有测试，抱歉= =  DOM结构
html div浏览器居中显示,IE浏览器DIV居中实现方法
weixin_42363388的博客
06-08 748
IE浏览器中div使用margin:0 auto好像不能居中了，但在ff其它浏览器没问题，下面我来介绍解决ie下 div不居中问题的办法。编写主题或模板是居中是个大问题，还有就是div中元素都浮动，自适应高度的问题编写网页代码的CSS时，一般都要让网页居中显示，但是一般情况下我们的CSS都是 margin:0 auto ，也就是margin左右相等，但是在IE浏览器中它就不居中，百度一下，说了几...
div垂直居中（全兼容ie6+）
夕空
12-03 1925
忘记从哪里借鉴的了，直接贴上： &lt;!DOCTYPE html&gt; &lt;html lang="zh-cn"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;全兼容垂直居中&lt;/title&gt; &lt;style type="text/css"&am
ie下div不可点击
weixin_33712987的博客
11-04 304
2019独角兽企业重金招聘Python工程师标准>>> ...
多个div水平排列并且居中
xqhys的博客
03-07 1984
&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
让多个DIV排列时居中
fenghome的专栏
06-13 1334
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; }
解决IE下div兼容问题：垂直居中、浮动间距和宽度高度调整
这种问题通常出现在div元素应用复杂样式，内部包含多个链接且具有浮动或垂直居中效果的情况下。当内容未能正常显示，但鼠标悬停在相应区域时，实际上是由于元素的定位或渲染方式导致的。 一种常见的解决方案是对#...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值