html为什么北京这个li加上line-height后高度才能变成30？

我这里#zg li{width:70px;height:30px;background:blue;}设置了高度是30啊 但是和下面的li比起来明显不是30px 这是为什么？？？？为什么加上line-height后就变正常了呢？


<script>

</script>

北京


西城区


西单
西单
西单



东城区
崇文区

line-height是行高的意思，height则是定义元素自身的高度

你这里不需要定义元素所以height是无效的

line-height不是只修饰行内元素哦，，line-height定义的是行高，line-height和height相等时就是文字顶部到边界的距离和底部到边界的距离相等了，所以也就居中了