1.最近在看看CSS的代码,发现微信菜单设置的一段代码,但是一直没有明白为啥span的高度能够被撑开
2.
<li class="js_addMenuBox"><a href="javascript:void(0);" class="jsSubView js_addL2Btn" title="最多添加5个子菜单" draggable="false"><span class="sub_pre_menu_inner js_sub_pre_menu_inner"><i class="icon14_menu_add"></i></span></a></li>
chrome F12查看css,其中 的css如下:
<span class="sub_pre_menu_inner js_sub_pre_menu_inner"></span>的css如下:
不解的是,span的高度是由什么决定的呢?
inline-height在block中能生效吗?
我自己拷贝出这段代码,但是却无法生效?经过测试,拷贝出来的代码中,如果在span中添加文本,则line-height会生效,也就是span高度会撑到44,但是如果没有文本,就会坍塌成14,很好奇为何微信公众号菜单配置页面,span中没有文本内容,44的高度能够支撑?
贴你自己写的代码啊。。。