垂直居中的CSS行高

音讯列表、li列表、零丁一行形式，要让字体垂直居中，只必要对对象设置装备摆设line-height行高值和height高度值相斥就可实现垂直居中。

1、实例div css代码

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>行高垂直居中运用</title>
<style>
.try{ border:1px solid #F00; height:40px; line-height:40px}
</style>
</head>
<body>
<div class="try">我在高度40px的DIV垂直居中</div>
</body>
</html>

2、垂直居中的行高使用截图

css 行高设置内容垂直居中
css 行高设置装备摆设形式垂直居中

一段ul li排版的动态标题列表中，也是异样道理实现li内字体垂直居中，也设置装备摆设行高与高不异实现文字形式li中垂直居中。

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/rumen/r52711.shtml