六liu六
2016-06-18 16:15
里的行高只有十八,图上面右侧的高度空隙是怎么来的
解决办法 给pre标签加上样式 display:flex; 加上样式以后避免里面的标签都在同一行,内层可以包裹一个div 完美!
而且对于<pre>代码块风格,标签前面留多少个空格,在显示效果中就会留多少个空格
补充:原因则是在ff,chrome当中(在IE上会屏蔽掉)会将代码中的换行或空格解析为==空文本节点==,所以也就出现了我们所不期望需要的空格。
楼上答非所问,我也好奇为什么有那么大间距,这里有enter的因素,还有空格产生间距,去掉就对了,但不美观
行高是1.4285,也就是红色框的高度,18px是li的高度,字号是13px。 你可以在浏览器中按F12改变行高看看红色框的高度是否变化,我试的红色框就是行高。
line-height: 1.42857143
玩转Bootstrap(基础)
314544 学习 · 2275 问题
相似问题