div在不同浏览器中居中显示的问题

最新推荐文章于 2023-07-12 20:22:21 发布

最新推荐文章于 2023-07-12 20:22:21 发布 · 252 阅读

文章标签：

#浏览器 #IE #Firefox #XHTML #CSS

PHP 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种在Firefox浏览器中实现div居中的CSS方法，并解决了该方法在IE6中无法正常工作的问题。通过在HTML头部加入特定的DOCTYPE声明，使IE6支持XHTML1.0标准，从而确保了CSS居中效果的跨浏览器兼容性。

在firefox中用这样的css就可以使一个div居中显示：


<style>
div{
     margin: 0 auto;
}
</style>

但是在ie6里就不起作用了，后来发现需要在html文件头部加入下面这断代码就可以了

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

分析原因可能是因为ie6默认不支持xhtml 1.0所以对于ie要显示的声明一下。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

iteye_18568

关注关注

0
点赞
踩
1

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

css 相对浏览器动态居中永远保持在屏幕正中

12-01

使用如下css可以使div永远保持在屏幕正中复制代码代码如下: <style type=”text/css”> .log { position:absolute; /*绝对定位*/ top:50%; /*距顶部50%*/ left:50%; margin:-100px 0 0 -150px; /*设定这个div的margin-top的负值为自身的高度的一半,margin-left的值也是自身的宽度的一半的负值.(感觉在绕口令)*/ width:300px; /*宽为400,那么margin-top为-200px*/ height:200px; /*高为200那么margin-left为-1

一个div在浏览器水平居中的实现方法

01-21

一个div在浏览器水平居中的实现方法第一种方法： CSS Code复制内容到剪贴板 div { margin: 0 auto; width: 960px; } 第二种方法（兼容IE）： CSS Code复制内容到剪贴板 body { text-align: ...

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

div 在浏览器居中

highflys的博客

08-31

244

blueidea /**/ web标准常见问题大全 -------------------------------------- margin:-100px 0 0 -100px; 分别指的是元素本身高的二分之一和宽的二分之一，当为负数的时候也即是从TOP，LEFT 中的50% 减去了自身高的二分之一了这就符合水平垂直...

div 浏览器居中显示

yangxy的博客

04-26

912

CSS样式.container{ position:fixed; width:200px; height:100px; background:#ececec;  left:50%; top:50%; margin-left

css笔记：如何让一个div居于页面正中间

weixin_33885253的博客

04-15

4363

如何让一个div居于页面中间，我今天说的是让一个div水平居中同时垂直居中，而不是简单的top：50%，left：50%。当然，我们就按一开始的思路写一下：top，left属性都设为50%，看一下效果。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...

div相对于浏览器窗口居中、图片相对于外层的div居中

weixin_30869099的博客

01-13

185

position: fixed;width:500px;height:200px;left:50%;top:50%;margin-left:-250px; /*设置为宽度的一半*/margin-top:-100px; /*设置为高度的一半*/ 转载于:https://www.cnblogs.com/ishuanghe/p/5127678.html...

jQuery实现的浮动层div浏览器居中显示效果

10-20

在网页开发中，经常需要实现一些层（Div）在浏览器中居中显示的效果，这种效果在弹窗对话框或提示信息中尤为常见。要实现这样的效果，我们可以通过使用jQuery这个快速、小巧且功能丰富的JavaScript库来完成。本篇...

css三种方法实现div在浏览器水平居中

09-27

在网页设计中，让元素在浏览器中水平居中是一项常见的需求。CSS，即层叠样式表，提供了多种方法来实现这一目标。以下是针对`div`元素的三种常见水平居中方法，每种方法都有其适用场景和优缺点。 **第一种方法：使用...

div居中在浏览器中间-适合各种分辨率

松松

04-26

201

#head_logo{ clear:both;margin:0 auto;text-align:center;height:119px; min-width:901px;width:expression((documentElement.clientWidth < 901) ? "901px" : "auto" ); } #head_logo_all{ ...

HTML 一个div在浏览器页面中居中

qq_45830543的博客

05-13

4248

HTML 一个div在浏览器页面中居中第一种方法：（纯css实现）总的来说，就是绝对定位，设置宽高，top和left设为50%，margin设为：上为高度一半，左为宽度一半。即使缩放浏览器窗口也能保证div居中代码：效果：第二种方法：（纯CSS实现）即使缩放浏览器窗口也能保证div居中效果图： ...

div垂直居中于浏览器窗口

u012637258的博客

10-14

1134

1.css实现水平和垂直居中解决的思路是这样的：首先需要position:absolute;绝对定位。而层的定位点，使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以2。 style type="text/css"> div { position:absolute; top:50%; left:50%; margin:-150px

让DIV块保持在浏览器窗口中央位置

zhangzikui的专栏

02-21

5679

.divv { position:absolute; top:30%; left:30%; width:80px; height:60px; border:1px solid #666; background-color:#9CF; text-align:center; }

如何将所有浏览器的div垂直居中？

asdfgh0077的博客

12-09

459

我想用CSS将div垂直居中。我不需要表或JavaScript，而只需要纯CSS。我找到了一些解决方案，但是所有这些解决方案都缺少Internet Explorer 6支持。 <b

1.怎么样使一个 div 居中于浏览器中间

鸡血博客

09-29

641

https://www.cnblogs.com/qiye2016/p/5492983.html

使div在页面中居中

weixin_51464636的博客

04-13

1324

设置div的左右margin为auto，并且需要将div的宽度设置为固定值或最大宽度，这种方法适用于在知道宽度的情况下，比较简单实用。

如何使一个div块在网页居中（正中间）

grkcsdn的博客

07-09

1万+

一、首先在style中定义一个类，名字自己起 <style> .div-in-center { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-tran

让div在页面居中的方法

weixin_45091488的博客

07-17

8032

使用弹性盒子布局和相对定位实现div在页面中的中心位置的定位

设置div居中的方法