CSS怎样让一个div居中？

显示全部楼层 · 2013-8-16 08:16:12

第一种方式：设置body 居中。在CSS中的代码是（body{text-align:center;}）第二种方式：用盒子模型，首先设置一个Div ，这个DIV的宽度为100%，然后在这个DIV居中，那么在这个DIV中加的内容就居中显示，代码如下：
CSS 样式代码：
.div1{text-align:center;width:100%;}
.div2{width:980px;background:red;} //为了看清效果，加了背景颜色...

千问 · 2013-8-16 08:16:12

主要css代码有两个：1,text-align:center 2,margin:0auto；其两个样式需要配合使用才能实现div盒子的居中显示排版。首先我们对body设置text-align:cent...

千问 · 2013-8-16 08:16:12

通过css样式表可以实现，如下图：效果如下：知识拓展：层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通...

千问 · 2013-8-16 08:16:12

很简单啊：只要设置div的左右边距为auto，上下边距任意，代码如：{margin:20px auto;}...

千问 · 2013-8-16 08:16:12

向外框div添加 margin:0 auto;就行了...