2020-10-13 20:35:02 div居中——css设置div内容居中与css设置布局div布局水平居中
div居中——css设置div内容居中与css设置布局div布局水平居中
一、div内容居中
div 内容居中CSS：
text-align:center
内容居中案例代码如下：
css代码：
.nrjz{ text-align:center}
div代码：
<div class="nrjz">内容居中</div>
即可实现div内的文字内容居中。
二、div 布局居中
布局居中重要关键CSS：
margin:0 auto
即：margin-left:auto和margin-right:auto（左右自适应，实现左右居中）
div布局居中代码：
.divjz{ margin:0 auto}
<div class="divjz">实现div布局居中</div>
这样被设置margin:0 auto的DIV实现水平布局居中。如果同时CSS再设置text-align:center就能实现内容居中。
三、总结
1、内容居中CSS
text-align:center
2、布局居中CSS
margin:0 auto
内容居中和布局居中可以对div设置，可以对p、h1、h2等都能实现内容与布局居中。