CSS-->垂直居中
2018-08-29 本文已影响0人
写代码的女孩最可爱
1.单行文本的垂直居中
<!DOCTYPE html>
<html>
<head>
<title>测试</title>
</head>
<body >
<div style="height:200px;border:1px dotted pink;">
<div style="line-height:200px">垂直居中</div>
</div>
</body>
</html>
行间距line-height的原理：
- 块级元素的垂直居中
使用绝对定位设置margin百分比的方法
width:30%;
position:absolute;
margin-left:35%;
