IE8与IE6关于div的居中问题

最新推荐文章于 2022-11-04 16:29:54 发布

weixin_30808693

最新推荐文章于 2022-11-04 16:29:54 发布

阅读量152

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/myphh/archive/2012/09/06/2674265.html

本文介绍了一种解决IE8浏览器中div元素无法居中显示的问题。通过添加<meta>标签兼容IE7模式，使margin:auto能正确实现div居中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

div的居中设置margin:auto就行了，但是在IE8下面不管用，参照网易的作法，添加<meta http-equiv="X-UA-Compatible" content="IE=7"/>后，顺利解决问题。

转载于:https://www.cnblogs.com/myphh/archive/2012/09/06/2674265.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30808693

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

css实现div水平、垂直居中兼容chrome、ie8

09-25

主要介绍了使用css实现的div水平、垂直居中并且兼容chrome、ie8，具体示例如下，需要的朋友可以参考下

IE6 div最小高度去除方法以及IE6div垂直居中css样式

12-13

本篇文章将探讨两个在IE6中常见的问题及其解决方案：去除div最小高度限制和实现div垂直居中。首先，让我们解决IE6中的div最小高度问题。在IE6中，当尝试设置一个较小的高度（如3px）时，div的实际高度可能不会按照...

参与评论您还未登录，请先登录后发表或查看评论

div在IE8中居中不了

羊在天上飞

07-15

522

在html代码最上面加上这句声明：http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这样，IE才能正确解析！

解决在IE8浏览器下css+div网页不能居中的问题

weixin_34253126的博客

12-29

204

近期，发现有部分客户的网站在IE8这个浏览器显示有些不正常，主要表现在利用css+div做的网站页面不能居中的问题。IE8对margin:0 auto;这个CSS好像不再有用了，页面不能居中了，自己人策划公司的技术人员经过认真，仔细的分析，终于找到了能让网页在IE8下居中的办法：把margin:0 auto;写在了body标签中，IE7以下都可以居中，IE8就不行，解决办法是，把这代码写在di...

Ie8 下居中样式

mulingfeng的专栏

10-10

2175

最近在上html的课程，好久没有细致的研究html了。发现一个问题，text-align:center 样式并不能控制ie8下的内容居中。到网上查了下，找到解决办法。1、Ie浏览器-工具-兼容性视图设置-在兼容性视图中显示所有网站。2、通过书写样式来解决无标题文档

IE6 DIV 居中

hyt48079287的专栏

02-07

639

一：确保有：文件头有http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 声明（要不然Ie6无效，ff可以） {width:800px;margin:0 auto;} 记得宽度一定要设哦！

div中子div在firefox ie 水平居中对齐

12-12

关于为何Firefox和IE对`text-align`和`margin`处理方式不同的猜想，可能与浏览器的内核和盒模型的实现有关。Firefox采用标准的W3C盒模型，而早期的IE则使用了其特有的"怪异模式"盒模型。这导致了在处理元素对齐时的...

IE9下(table/div/图片)的居中问题

12-07

复制代码代码如下: <div xss=removed> <div xss=removed>居中</div> </div> 原因是，div默认是占据整个浏览器宽度，所以需要定义width，即复制代码代码如下: <div xss=removed> <div xss=removed>居中</div> </...

IE6 div 居中

希望不是无解

03-03

183

width:***px;margin:0 auto; 在IE6无法达到居中效果 1.body(或父元素){ text-align:center } 2.嵌套

div在CSS下居中 IE8

张鲲鹏的专栏

07-05

215

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 加上就可以使div在CSS下居中

垂直居中ie8+

07-21

垂直居中ie8+

IE8 CSS设置DIV居中，添加“margin:0 auto”

handsometone1982的专栏

03-02

2226

.body{ text-align:center; width:100%; } .juzhong { margin:0 auto; width:960px; border:solid 1px red; height:200px;

IE浏览器DIV居中

feifei20081014的专栏

08-14

969

编写主题或模板是居中是个大问题，还有就是div中元素都浮动，自适应高度的问题编写网页代码的CSS时，一般都要让网页居中显示，但是一般情况下我们的CSS都是 margin:0 auto ，也就是margin左右相等，但是在IE浏览器中它就不居中，百度一下，说了几种方法，但是最管用，最通用，最好用，绝对可靠的方法还是在CSS里面加上 body {text-align: center;}

使用IE8时，DIV+CSS网站不居中的解决方案

游戏人生

11-16

382

第一种方案：在菜单栏上打开工具选项，在下拉菜单中找到 "兼容性视图"，勾选上。第二种方案：请使用margin:0px auto; （text-align:center；可能会出问题）。附:微软官方推荐了一种方法解决ie8 兼容性的方法：/Article/csshack/200904/80.html

IE8不能居中显示的5个解决办法

caolijunmingyan的专栏

08-09

8329

IE8对margin:0 auto;这个CSS好像不再有用了，页面不能居中啦。 1...网易的解决方案（我喜欢）（明白人都知道加在什么地方） 2...简单高效的方法使用标签。这是在html4.0文档中找到的宝贝，只要用它包裹div就可以在所

IE下DIV居中的问题

ForeverCjl的专栏

06-11

1334

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

让div居中的方式的几种方法

恒二哥的博客

11-04

7万+

可能讲述得不清楚，能看懂就好了。

div水平垂直居中的方法总结

weixin_42506342的博客

06-28

334

近段时间在忙于编写静态页面，常常遇到DIV需要垂直居中的情况，下面针对DIV的水平垂直居中做总结，分享出来，一起探讨，这也是自己知识点记录的一直方式。我们都知道元素水平居中最好使的是：margin： 0 auto；元素水平垂直居中：一、 position定位（元素宽高已知）1.父元素：position： relative；2.子元素：position： absolute；距上50%，距左50%，元...