CSS控制DIV居中失效的问题
2010-11-24 10:32
375 查看
有朋友使用DIV居中,但是却发现DIV居中失灵了,是怎么回事呢?下面给大家解决一下问题,呵呵!
1、一般情况下DIV居中失效是因为没写DTD语句
在页面的最上方加上:
就可以了!其实其他很多css的问题也是因为没有加上dtd语句引起的。
2、使用margin来让DIV居中
最简单的写法就是:
复杂一些就把左右边距都加上:
这样就可以试想DIV居中了!
1、一般情况下DIV居中失效是因为没写DTD语句
在页面的最上方加上:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
就可以了!其实其他很多css的问题也是因为没有加上dtd语句引起的。
2、使用margin来让DIV居中
最简单的写法就是:
.divstyle{ margin:0 auto; }
复杂一些就把左右边距都加上:
.divstyle{ margin-left:auto; margin-right:auto; }
这样就可以试想DIV居中了!
相关文章推荐
- 用CSS控制DIV居中失效的问题
- 用CSS控制DIV居中失效的解决方法
- 关于CSS控制DIV水平居中问题
- 用CSS控制DIV居中失效的解决方法
- css如何控制div完全居中
- IE6中CSS控制DIV高度的问题
- PHP学习之Smarty+CSS+DIV页面居中问题
- HTML/CSS控制div垂直&&水平居中屏幕
- DIV+CSS中图片和文字居中问题解决方案
- css控制 div文字超出后显示问题
- CSS DIV水平居中问题
- div+css的图片居中的问题
- div+css解决图片垂直居中问题
- css控制div居中
- css 实现div在页面上的水平居中问题
- css控制div中元素居中的示例
- css+div 文字居中问题
- css控制div中图片垂直居中
- 纯css实现div中单行文字,多行文字,嵌套div垂直水平居中问题
- css+div各种垂直居中问题