pre标签里的行高

来源:2-16 代码(二)

六liu六

2016-06-18 16:15


http://img.mukewang.com/576502c00001c56918960706.jpg

里的行高只有十八,图上面右侧的高度空隙是怎么来的

写回答 关注

6回答

  • 慕仰75078
    2019-04-03 20:20:45

    解决办法  给pre标签加上样式 display:flex;  加上样式以后避免里面的标签都在同一行,内层可以包裹一个div  完美!

  • 幻影af
    2016-08-02 11:50:51

    而且对于<pre>代码块风格,标签前面留多少个空格,在显示效果中就会留多少个空格

  • 幻影af
    2016-08-02 11:23:56

    补充:原因则是在ff,chrome当中(在IE上会屏蔽掉)会将代码中的换行或空格解析为==空文本节点==,所以也就出现了我们所不期望需要的空格。

  • 幻影af
    2016-08-02 11:19:45

    楼上答非所问,我也好奇为什么有那么大间距,这里有enter的因素,还有空格产生间距,去掉就对了,但不美观

  • qqqq_流星
    2016-06-18 17:46:41

    行高是1.4285,也就是红色框的高度,18px是li的高度,字号是13px。 你可以在浏览器中按F12改变行高看看红色框的高度是否变化,我试的红色框就是行高。

    六liu六

    红色的高是哪里来的

    2016-06-20 09:37:10

    共 1 条回复 >

  • qqqq_流星
    2016-06-18 16:52:04

    line-height: 1.42857143

    六liu六

    行高是这个,字号13px,行高转换后是18px,就是那个蓝色的横条的高度,我是说地下的红框的这样高度的空隙是怎么产生的

    2016-06-18 17:05:25

    共 1 条回复 >

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314544 学习 · 2275 问题

查看课程

相似问题