html - div样式 margin:0 auto 在IE8浏览器不居中的解决办法

最新推荐文章于 2018-10-15 16:19:55 发布

Beluga_白鲸

最新推荐文章于 2018-10-15 16:19:55 发布

阅读量973

点赞数

分类专栏：【 Web 】文章标签： html

本文链接：https://blog.csdn.net/u012246458/article/details/44339991

版权

【 Web 】专栏收录该内容

57 篇文章 0 订阅

订阅专栏

必须设置文档类型：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition al.dtd">

如果不行可以继续在head添加标签：

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Beluga_白鲸

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

html中使用margin:0 auto整个页面不居中的解决方法

09-28

在HTML中，`margin: 0 auto` 是一种常见的居中对齐方法，它通常用于块级元素，例如`div`，以使其在容器内水平居中。然而，有时这个技巧可能不起作用，特别是在某些旧版本的Internet Explorer（如IE6）中，这通常是...

margin 0 auto在IE8下失效

12-24

8544

很奇怪的问题，margin:0 auto;用于水平居中不起作用了，在ie8下，其它浏览器都没问题，最后的解决办法是在body加上width:100%;text-align:center; body{width:100%;text-align:center;} 就可以了不过有一点不好的地方，body下的不需要文本居中的都要设一下补充可以加上body{width:100%;text-a

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

完美解决IE8不支持margin auto问题

larennani的博客

05-10

1343

不用js，超级简单，完美支持。 body下的整个container .container { overflow: hidden; margin: 0px auto; text-align: center; clear: both; } 再下一层，以960宽度为例 .con { width: 960px; overflo

margin-left:auto;margin-right:auto;不起作用

飞翔的熊blabla

10-15

3411

因为用了 position: absolute;bottom: 0rpx;

IE内核 html 变形不能居中

成长中de大神

06-15

305

解决方法：在IE下打开F12 看 <!DOCTYPE html> 这句话是否在第一句起作用。

在IE下，当margin:0 auto;无法使得块级元素水平居中时

11-30

本文将深入探讨在Internet Explorer（IE）浏览器中，为何`margin: 0 auto;`在某些情况下无法使块级元素水平居中，并提供解决方案。首先，`margin: 0 auto;`这个CSS声明通常用于使具有固定宽度的块级元素在容器内...

css margin:0 auto居中

09-25

关于浏览器兼容性问题，虽然`margin: 0 auto`在大多数现代浏览器中都能正常工作，但在一些旧版本的IE（尤其是IE6和IE7）中，可能需要额外的处理。一种常见的解决方案是在`body`标签中添加类名，并在CSS中定义`text-...

HTML+CSS，让div在屏幕中居中（水平居中+垂直居中）方法总结

热门推荐

吟游诗人——吟唱生命的不朽

08-11

52万+

最近写网页经常需要将div在屏幕中居中显示，遂记录下几个常用的方法，都比较简单。水平居中直接加上&lt;center&gt;标签即可，或者设置margin:auto;当然也可以用下面的方法下面说两种在屏幕正中（水平居中+垂直居中）的方法放上示范的html代码：&lt;body&gt; &lt;div class=&quot;main&quot;&gt;

html中margin:0 auto不居中解决

火焰

10-15

1万+

不居中的原因： 1.你忘了在要

margin:0 auto;在IE8里不再居中啦

aiqixiao2017的博客

05-27

112

IE8对margin:0 auto;这个CSS好像不再有用了，页面不能居中啦，下午回来再看看有什么办法居中，太平洋的前端也说他们公司无视IE8的存在，测试还是以前的版本。原因找到啦，我把margin:0 auto;写在了body标签中，IE7以下都可以居中，IE8就不行，解决办法是，把这代码写在div大框架中就可以了。百度搜索的资料：程序代码<s...

如何解决css样式表在不同浏览器中显示效果不同的问题

清风小阁

02-26

5988

一种简单的办法就是采用：使用IE专用的条件注释＜!--其他浏览器 --> ＜link rel="stylesheet" type="text/css" href="css.css" /> ＜!--[if IE 7]> ＜!-- 适合于IE7 --> ＜link rel="stylesheet" type="text/css" href="ie7.css" /> ＜![endi

margin：0 auto；不居中的原因

水果篮子

07-21

2246

margin：0 auto；不居中可能有以下两个的原因; 1、没有设置宽度看看上面的代码，根本没有设置DIV的宽度，如何根据宽度自适应呢？新手比较容易忽略的问题！ 2、没声明DOCTYPE ①DOCTYPE是document type（文档类型）的简写，在web设计中用来说明你用的XHTML或者HTML是什么版本。要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部

IE浏览器中解决设置了margin:0 auto;后不居中的办法

HZZOU的博客

07-21

1534

一般情况下若要将div居中显示，使用CSS样式：margin:0 auto; 或者margin:0 auto 1px;即可，但是有时候用margin:0 auto;后在FF,Chrome等浏览器里能居中，但在IE6、7、8里却不能居中的现象。代码如下： <style> #con{ width:980px; margin:0 auto; } </style&g...

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

caolijunmingyan的专栏

08-09

8254

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

html - html5 audio 音乐自动播放，循环播放等9款播放器

Beluga_白鲸

02-01

6万+

说明随着HTML5越来越流行，越来越规范，音频播放支持和兼容改的平台越来越多，这里找到HTML5 通过 audio 元素来提供在网页中嵌入音频的标准方法，下面这9款 HTML5 音频播放器都是基于 audio 元素开发的，能够帮助你在网页中轻松的嵌入音频。列表　　jPlayer　　jPlayer 一款基于 jQuery 的免费开源的 HTML5 音频和视频播放插件，API 简单，支持自定义...

jquery - javascript/jquery判断是否为undefined或是null!

Beluga_白鲸

08-31

3万+

利用typeof来进行判断得到的变量是否为null（undefined） var exp = undefined; if (typeof(exp) == "undefined") { alert("undefined"); } 注意判断是否是undefined的时候一定要在两边加上引号,否则不成功(个人测试结果!) typeof 返回的是字符串，有六种可能："number"、"str

js截取字符串，去掉前几位，保留后几位

Beluga_白鲸

08-29

2万+

1.slice方法 1.slice方法 var str="abc12345"; alert(str.slice(3)) // => 12345 截取掉前三位字符，保留后几位 2.substring方法 var str="abc12345"; alert(str.substring(3)); // => 1234 截取掉前三位字符，保留后几位 2.su

解决DIV+CSS在IE6、IE7、IE8浏览器兼容问题的方法

"关于DIV+CSS在IE6、IE7和IE8浏览器中的兼容问题" 在网页设计中，DIV+CSS布局已经成为主流，然而不同浏览器之间的兼容性问题常常给开发者带来困扰，尤其是对于早期版本的Internet Explorer（IE6、IE7和IE8）。这些...