                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)

更改line-height为10px后，文字超出灰色背景区域

当我把line-height改成10px后，显示的文本在灰色区域顶部并超出了部份，这是为什么。height保持不变

断弦之殇

2018-11-08

源自：初识HTML(5)+CSS(3) 15-8

关注问题我要回答

1279

操作

收起

1 回答

qq_南瓜_17
2018-11-08

height100px的嘛，可以理解成line-height是用来装height内容的，line-height为10肯定要超出去啊，行高10文字高100

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

收起回答

断弦之殇提问者

请问height是什么的高，元素<h2>的吗？如果是<h2>的高的话，文本没道理超出去。是不是因为灰色区域并不是完整的<h2>元素，超出部分在margin里了

2018-11-09 回复有任何疑惑可以回复我~

mijac 回复断弦之殇提问者

确实是行高设置的问题，你的字体大小比行高大了，自然会超出。不信，你试一下。把行高设置成1.5em或者是24px就可以解决了。你的背景颜色是100px是盒子的背景。表述的比较乱，希望会有所帮助。

2019-01-27 回复有任何疑惑可以回复我~

0/150

提交

取消

初识HTML(5)+CSS(3)

参与学习 1231869 人
解答问题 19088 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

本课相似问答

1 回答height和line-height有啥区别？？？

2 回答求问关于height和line-height的区别？越详细越好

2 回答背景颜色不一样？

2 回答左浮动透明背景色

5 回答为内联元素设置line-height

搜索更多本课相关问答

更改line-height为10px后，文字超出灰色背景区域

我要回答关注问题

热搜

最近搜索清空

更改line-height为10px后，文字超出灰色背景区域

1 回答

本课相似问答

更改line-height为10px后，文字超出灰色背景区域