内联元素的padding

通常很多前端都认为内联元素的padding只会影响水平方向,不会影响垂直方向。其实内联元素的padding在垂直方向上同样会影响布局,影响视觉表现。
利用这一点我们可以在不影响当前布局的情况下,优雅的增加链接或按钮的点击区域大小。
在文章中的一些链接,点击区域的高度受font-size字体大小的影响,和行高没有关系,在移动端,我们的手指不一定会一次选中,此时就有必要增加链接的点击区域大小,但是又不能影响当前的内容布局,此时,我们可以利用padding天然实现我们想要的效果,增加点击区域同时不会对布局有影响,如果我们设置成inline-block,则行间距等很多麻烦事都会出来。
摘自张鑫旭《css世界》

posted @ 2018-06-08 09:34  19920120lxy  阅读(202)  评论(0编辑  收藏  举报