如何设置文字垂直居中

源自：12-7 长胖长高点--宽度和高度

如何设置文字垂直居中

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>宽度和高度</title>

<style type="text/css">

li{

border-bottom:1px dotted #ccc;

width:200px;height:30px;

}

</style>

</head>

<body>

<ul>

<li>别让不会说话害了你</li>

<li>二十七八岁就应该有的见识</li>

<li>别让不好意思害了你</li>

</ul>

</body>

</html>

提问者：孤独剑2014 2014-12-08 13:24

个回答

闹小志

2014-12-09 16:58:12

在li的样式下加入
```
line-height:30px;
```
如果你设置了height，那么ling-height的值与height设成一致即可达到垂直居中。按你目前的情况，只设置ling-height也可以达到垂直居中。

2
dayscounting

2014-12-08 13:49:35

在li 样式下加入
```
margin: 0 auto;
```
即可

0