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

内联元素line-height(行高)是可以设置的呀

内联元素line-height(行高)是可以设置的呀，为什么第2点说行高不可设置，示解释！！

junjieok

2015-05-17

源自：初识HTML(5)+CSS(3)-升级版 12-3

关注问题我要回答

6193

操作

收起

6 回答

老男孩的私生活回答被采纳 +2 积分
2018-04-26

行内元素（内联元素）设置行高是有效果的，但是不建议这么做。虽然行内元素设置行高之后会有位置的变化，但是并没有改变盒子大小，所以再为行内元素设置背景时，还是默认高度的地方有背景。

因此想为行内元素设置行高时，应该为其设置display:inline-block（内联块元素）或者display:block（块元素）；即可。

另外：行内元素不支持宽、高、margin-top、margin-bottom属性（重要），想为行内元素设置以上属性，为其添加display:inline-block（内联块元素）或者display:block（块元素）属性。

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

收起回答

junjieok 提问者

非常感谢！

2018-07-24 回复有任何疑惑可以回复我~

qq_天晴_12
2017-08-15

标准答案：样式里面加 dispaly : inline-block，亲测可以~

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

收起回答

辣条狂人李敏镐
2015-06-29

行高是整行的高度，并不是盒子的高度，你可以理解为盒子浮在行上，行拉开了，但是盒子还是那么高

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

收起回答

慕容狗剩
2015-06-02

<a href="http://www.baidu.com" style="display:block;width:50px;line-height:2em">百度</a>
<a href="http://www.imooc.com" style="width:100px;line-height:2em">慕课网</a>

不行吧，出来的效果是这样的：