                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS深入理解之line-height

行间距怎么设置

既然老师说line-height = content area + vertical spacing 我想问一下行间距怎么设置，或者通过什么属性来设置.

一直都在路上

2016-12-25

源自：CSS深入理解之line-height 3-1

关注问题我要回答

1620

操作

收起

1 回答

Ego_echo 回答被采纳 +3 积分
2016-12-26

行间距是与字体family有关的亲，CSS并没有直接设置行间距的属性，你只能通过line-height来间接影响行间距。当然，或许你也可以试着通过设置不同的字体来改变行间距，但这个不好控制，也没有什么意义

0 回复有任何疑惑可以回复我~

收起回答

一直都在路上提问者

我发现一个有趣的现象。把line-height：0 和把font-size等于0设置出来得到的效果是一样的，但是line-height为0时候文字可以显示。font-size为0不能显示。

2016-12-26 回复有任何疑惑可以回复我~

Ego_echo 回复一直都在路上提问者

高度的表现不是行高，而是内容区域高度和行间距合力的结果。而内容区域高度只与字号(font-size)和字体(font-family)相关，因此改变字号时会改变文字(内容区域)的高度，进而改变内联盒子的高度。而内容区域高度与行高没有任何关系。记住，行高只是一种表现，就像一个人去照镜子，普通的镜子照出的就是你自己的样子，而哇哈哈镜就把你给照歪了，但无论照得多歪，镜子外面的你，都不会受到影响，更不会被改变。当然，还是那句话，行高可以间接影响行间距。以上

2016-12-27 回复有任何疑惑可以回复我~

一直都在路上提问者回复 Ego_echo

谢谢！受教了

2016-12-27 回复有任何疑惑可以回复我~