课程
/前端开发
/Bootstrap
/玩转Bootstrap（基础）
里的行高只有十八，图上面右侧的高度空隙是怎么来的
2016-06-18
源自：玩转Bootstrap（基础） 2-16
正在回答
解决办法 给pre标签加上样式 display:flex; 加上样式以后避免里面的标签都在同一行，内层可以包裹一个div 完美！
而且对于<pre>代码块风格，标签前面留多少个空格，在显示效果中就会留多少个空格
补充：原因则是在ff,chrome当中（在IE上会屏蔽掉）会将代码中的换行或空格解析为==空文本节点==，所以也就出现了我们所不期望需要的空格。
楼上答非所问，我也好奇为什么有那么大间距，这里有enter的因素，还有空格产生间距，去掉就对了，但不美观
行高是1.4285，也就是红色框的高度，18px是li的高度，字号是13px。 你可以在浏览器中按F12改变行高看看红色框的高度是否变化，我试的红色框就是行高。
六liu六 提问者
line-height: 1.42857143
举报
告诉你使用Bootstrap，并且能够独立定制出适合自己的Bootstrap
1 回答code标签和pre标签嵌套问题.
1 回答为什么这节里的pre标签内的ul和li标签使用了<>
1 回答<code></code>、<pre></pre>、<kbd></kbd>标签怎么用
2 回答b标签和strong标签 区别
2 回答label标签包裹起input标签的用意为何？
