Question

css line-height行高 与 font-size 一样吗？有何区别？拒绝复制粘贴

Answer 1

当然是不一样的：
line-height，指的是文字行高，也就是上一行文字顶部到下一行文字顶部之间的距离，不是两行文字之间的距离。
font-size，是指文字大小，文字本身所占的页面大小，通常用PX和EM或REM表示。

追问

那只有一行文字时，设置line-height还有意义吗？

追答

有意义，如果行高等于高度，且只有一行文字的话，这时文字会垂直居中。
这也就是很多网站，用DIV垂直居中文字时，实际控制的就是行高和高度相等。

追问

对吗？

追答

如果两个横线上都写的文字，你标记的行高是对的。样式如下：
.nav{height: 30px;line-height:30px;}

追问

那height对吗

追答

的的，高度是第1条线到第2条线之间的距离，也就是DIV整个容器的高度。

追问

行高就是word中的行间距吧？谢谢你了，这么有耐心～～～

Answer 2

一个是行高，一个是字体大小，怎么可能一样呢 。
行高就是控制两行文字之间的行距
字体大小变大变小，设置了行高，两行文字之间就是那个固定值。

追问

那只有一行文字时，设置line-height还有意义吗？

追答

有啊 比如你的文字只有12px 你设置了24px 那文字就会在24px中间垂直居中 上下都有行距

Answer 3

不一样
line-height 设置 标签的行内的定位 一般用于 在一行中 div内部内容或标签上下高度的定位
font-size 设置 字体的大小