css使用padding 和text-align:center 进行水平和垂直居中
实例代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style>
div{
text-align:center;
border:3px solid green;
width:400px;
padding:70px 0;
}
</style>
</head>
<body>
<h1>水平垂直居中实例</h1>
<div>我是水平和垂直居中的。</div>
<p>这个实例是利用平均内边来实现文本的垂直居中</p>
</body>
</html>
运行效果：
评论