解决IE中div不居中的问题（尤其IE5）

    最近布局时遇到了一个问题，就是如何设置div居中？通过查找资料终于找到了解决方案，只需要把要居中的div外嵌套一个div，设置其“text-align:center;”，然后设置要居中的div为“margin-left:auto;margin-right:auto;”提示：若设置后IE5中仍不居中，只需将外层div设置为“width:100%;”，即可解决问题。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>设置div居中（兼容IE5+）</title>
<style type="text/css">
.content{width:100%;height:200px;text-align:center;}
.center{width:500px;height:200px;margin-left:auto;margin-right:auto;border:1px #999 dashed;}
</style>
</head>

<body>
<div class="content">
    <div class="center"></div>
</div>
</body>
</html>

时间： 2024-11-07 09:50:26

解决IE中div不居中的问题（尤其IE5）的相关文章

html中div的居中

背景:html中的div可以说是布局神器,但是有些时候没有那种一步到位的属性来定义某个div来居中.故需要手动写css来调试代码(code): <style type="text/css"></

HTML CSS 中DIV内容居中汇总

转载博客(http://www.cnblogs.com/dearxinli/p/3865099.html) (备注:DIV居中情况,网上谈到也比较多,但是这篇文字,相对还是挺全面,现转载,如果冒犯,还望博主见谅) 在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊!所以在这里我还要啰嗦两句,CSS中的确是有vertical-align属性,但是它只对(X)HTML元素中拥有valig

如何解决Bootstrap中分页不能居中的问题

尝试过1.text-align:center居中:2.margin:0 auto; 3.display: flex;justify-content: center;都不行解决: 在外层多加一个nav标签包着,然后text-align:center;就会生效了,成功实现了分页居中 <nav style="text-align: center;"> <ul class="pagination"> <li><a href=&qu

ie6中DIV最小高度的解决方法

ie6中DIV最小高度的解决方法 IE6中,使用CSS定义DIV的高度的时候经常遇到这个问题,就是当DIV的最小高度小于一定的值以后,就会发现,无论你怎么设置最小高度,Div的高度会固定在一个值不再发生变动,这个问题很是烦人.如下面的情况. HTML代码<html> <head> <title></title> <style type="text/css"> <!-- #testdiv { background: #00

DIV+CSS中让布局居中_背景图片居中_文字内容居中

1.解决自适应布局中div内部img距离底部4px的空白问题？2. img怎么实现水平垂直居中？

1.解决自适应布局中div内部img距离底部4px的空白问题? 示例代码: <style> .t1{自适应布局,外层盒子不给宽高(由内部元素撑开) } img{ /* vertical-align:bottom; */ 1.设置img vertical-align:bottom /* display:block; */ 2.img 变成块级元素 display:block; 变成块级元素就无法在父元素设置可继承的text-align:center等了,而是使用 margin:xx a

html中div标签的使用方法

CSS是DHTML的基础,CSS用于设定HTML元素在页面上的显示风格,而CSS-P则是CSS的一个扩展,它可用来控制HTML元素在网页上或者说在窗口的位置.下面的两个链接提供了CSS和CSS-P详尽的技术手册: W3C CSS-Positioning Builder.com's CSS Guide 在本课程中,将会反复地对CSS进行介绍. 使用DIV标签使用CSS-P,主要依靠< div >标签来实现,当你把HTML内容放在< div >标签里时,可以称它为:"

辛星彻底帮您解决CSS中的浮动问题

浮动,是CSS布局中必须经过的一道坎,如果不熟悉浮动,那么CSS的布局就如同空中楼阁,而谈到浮动,更多的是和div相结合,div是一个块级元素,这个我前面的博文有介绍,如果大家喜欢我的风格,可以搜索下. 下面我们进入正题,所谓浮动,可以用css的属性float来定义,比如float:left就是向左浮动,float:right就是向右浮动,我们先看一个不浮动的例子把,首先是这个html文件,这个文件我们是一直都不会动它了,它的内容如下: <html> <head> <link

(转载)html中div使用自动高度

为什么要使用div标签 1.更多的配置项,那就意味着更灵活,当然,难度也更高: 2.可以方便的容纳其他html标签: static定位就是不定位,出现在哪里就显示在哪里,这是默认取值,只有在你想覆盖以前的定义时才需要显示指定;relative 就是相对元素static定位时的位置进行偏移,如果指定static时top是50象素,那么指定relative并指定top是10象素时,元素实际top就是60象素了.absolute绝对定位,直接指定top,left,right,bottom.有意思的是