当前位置 > 网站建设学院 > 网页制作 > CSS教程

想让DIV居中如何编写CSS

发表日期：2007-11-12

　　网页布局技巧实例，想让DIV居中，如何编写CSS？

　　div居中的设置该如何编写css？我们在传统的表格布局中，只要设置表格的居中属性就实现了居中的块元素。应用div css网站布局，div的居中该如何编写css来控制它呢？

　　主要的样式定义如下：

　　body {text-align: center;}
　　#center { margin-right: auto; margin-left: auto; }

　　首先在父级元素定义text-align: center;这个的意思就是在父级元素内的内容居中；

　　对于IE这样设定就已经可以了。但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再加上margin-right: auto; margin-left: auto;

　　需要特别说明，请大家在布局中注意的是，如果你想用这个方法使整个页面要居中，建议不要套在一个div里，你可以依次拆出多个div，只要在每个拆出的div里定义margin-right: auto; margin-left: auto;就行了。

关注此文的读者还看过：
·2012-2-8 13:10:44 div css表单布局的五个小技巧
·2012-2-8 13:09:01 CSS定义超链接四个状态的正常顺序
·2012-2-8 13:08:57 CSS条件注释
·2012-2-8 13:07:54 css应用：单击table，使点击的行变色
·2012-2-8 13:00:59 css实现图片横向排列，溢出隐藏\滚动条横向拖动
·2012-2-8 12:58:27 CSS制作很漂亮的文字滑动效果
·2012-2-8 12:58:02 搞定IE的最重要CSS技巧
·2012-2-8 12:56:26 CSS Hack兼容大全,令您的网页能正常显示在IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari…
·2012-2-8 12:56:10 哀悼逝者快速将你的网站变成灰色

站长推荐 PS笔刷下载在线翻译系统进程广告代码

教程搜索服务

项目外包信息

邮件订阅服务

输入你的邮件地址，你将不会错过任何关于<CSS教程>的内容

网页制作文章分类

想让DIV居中 如何编写CSS