1.0文本居中
1.1文本水平居中
//html
<body>
<div>
<p>123</p>
<p>456</p>
</div>
</body>
//css
<style>
div{
width: 400px;
height:500px;
background-color: brown;
text-align: center;
}
</style>
父级元素text-align: center;内部文本居中
vertical-align垂直居中无效
1.2文本垂直居中
//html
<body>
<div>
<p>123</p>
</div>
</body>
//css
<style>
div{
width: 400px;
height:300px;
background-color: brown;
}
p{
line-height: 300px;
}
</style>