CSS怎样让一个div居中？

2024-12-01 05:32:04

推荐回答（5个）

回答1：

第一种方式：设置body 居中。在CSS中的代码是（body{text-align:center;}）
第二种方式：用盒子模型，首先设置一个Div ，这个DIV的宽度为100%，然后在这个DIV居中，那么在这个DIV中加的内容就居中显示，代码如下：

CSS 样式代码：

第三种方式：margin：0 auto；

回答2：

主要css代码有两个：
1,text-align:center
2,margin:0
auto；
其两个样式需要配合使用才能实现div盒子的居中显示排版。
首先我们对body设置text-align:center，再对需要居中的div盒子设置css样式margin:0
auto，这样即可让对应div水平居中。
举个例子，居中代码为：
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
xmlns="http://www.w3.org/1999/xhtml">

http-equiv="Content-Type"
content="text/html;
charset=gb2312"
/>
CSS使div居中制作

id="nav">
DIV居中

为了观察div居中效果，我们对div设置一个div命名为“#div”在html中div标签内使用id=“nav”,设置其宽度为200px;高度为150px，边框也设置了颜色。
效果如图：
以上就是CSS让DIV居中的方法。

回答3：

通过css样式表可以实现，如下图：

效果如下：

知识拓展：

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

回答4：

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

回答5：

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