为了账号安全,请及时绑定邮箱和手机立即绑定

css3 div高度问题

css3 div高度问题

jeck猫 2018-08-15 08:32:57
请问一下 为什么样式这样写 然后我点了那个div看它的整体高度居然是16 而不是 12+1+1 = 14呢?
查看完整描述

2 回答

?
慕码人8056858

TA贡献1803条经验 获得超6个赞

在不指定高度时文字的最小高度由 line-height 决定。

line-height 的默认值是 normal,具体值根据不同字体各不相同,桌面浏览器一般取值在1.2左右。


查看完整回答
反对 回复 2018-09-02
?
慕的地8271018

TA贡献1796条经验 获得超4个赞

div的高度不设置,默认为按内容高度自适应,因为内容的高度为14px,所以最终的显示效果为16px,并不是你设置的font-size。这个具体高度的话,和字母类型、字体类型、是否是汉字都有关系。倘若你把里面的三个点去掉,则此时div高度为2px。要是有两行字的话,高度又变了,并不是12px哦。再一种情况,你设置小于12px的字体,在pc端比如chrome中,就只能显示到12px。不知道说的对不对,希望对你有帮助

查看完整回答
反对 回复 2018-09-02
  • 2 回答
  • 0 关注
  • 788 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信