div 里面内容水平垂直居中
Posted linhuaming
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了div 里面内容水平垂直居中相关的知识，希望对你有一定的参考价值。
css
.main{
background: #999999;
width: 600px;
height: 400px;
/*采用flex方式*/
display: flex;
/*div内容垂直居中*/
align-items: center;
/*div内容水平居中*/
justify-content: center;
text-align: justify;
}<body >
<div class="main">
<!-- 居中的内容需要使用一个div包含 -->
<div>
<p>测试测试测试</p>
<p>测试测试测试</p>
<p>测试测试测试</p>
</div>
</div>效果图如下
以上是关于div 里面内容水平垂直居中的主要内容，如果未能解决你的问题，请参考以下文章