css使用flex弹性盒子进行水平和垂直居中
实例代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style>
.center{
display:flex;
justify-content:center;
align-items:center;
height:200px;
width:400px;
border:3px solid green;
}
</style>
</head>
<body>
<h1>flex弹性盒子居中</h1>
<div class="center">
<p>我是水平和垂直居中的。</p>
</div>
<p>个实例是用flex弹性盒子来实现文本的垂直居中</p>
</body>
</html>
运行效果：
评论