使用padding 内边距对元素进行垂直居中
实例代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style>
div{
width:400px;
padding:30px 0;
border:3px solid brown;
}
</style>
</head>
<body>
<h1>垂直居中</h1>
<p>在此例中，我们使用padding属性将div元素垂直居中：</p>
<div>我是垂直居中的</div>
</body>
</html>
运行效果：
评论