垂直居中的CSS行高

2024-01-18 14:25 小编

音讯列表、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 行高设置装备摆设形式垂直居中

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


在线咨询 拨打电话

电话

13363039260

内部绝密传真282期

微信二维码