如何使用CSS将div元素水平和垂直居中对齐？
通过css样式表可以实现，如下图：
效果如下：
知识拓展：
层叠样式表(英文全称：CascadingStyleSheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
如何使DIV中的内容居中
CSS中设置文字右对齐可以通过代码：<palign="对齐方式">文本段落</p>来实现，操作步骤如下：
1.新建一个html文档，如下图红框所示；
2.可以给文档改个名字，如下图红框所示；
3.然后在<body>和</body>之间输入文字内容，如下图红框所示；
4.进一步设置以下文字的对齐方式，示例代码如下：<palign="center">孔雀为什么要东南飞？</p>；
5.在浏览器中预览，文字就实现了右对齐，如下图红框所示；
如何使 一个 div 居中显示
第一种方式：设置body居中。在CSS中的代码是（body{text-align:center;}）
第二种方式：用盒子模型，首先设置一个Div，这个DIV的宽度为%，然后在这个DIV居中，那么在这个DIV中加的内容就居中显示，代码如下：
<divclass="div1">
<divclass="div2"></div>
</div>
CSS样式代码：
<styletype="text/css">
.div1{text-align:center;width:%;}
.div2{width:;background:red;}//为了看清效果，加了背景颜色
</style>
第三种方式：margin：0auto；
怎么让div里面的div居中显示
<head>
<metahttp-equiv="Content-Type"content="text/html;charset="/>
<title>无标题文档</title>
<style>
*{margin:0;padding:0;}
.body{width:;margin:0auto;}
.div1{border:#;width:;height:;margin:0auto;}
.div1_div1{border:#;width:;height:;margin:auto;}
</style>
</head>
<body>
<divclass="div1">
<divclass="div1_">div1_div1</div>
</div>
</body>
通过margin:0auto;可以实现居中如果还要上下居中就要算px了
运行效果
上一篇： 搞定Kali Beef启动失败的问题