扫码关注官方订阅号
请问一下 为什么样式这样写 然后我点了那个p看它的整体高度居然是16 而不是 12+1+1 = 14呢?
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...
p的高度不设置,默认为按内容高度自适应,因为内容的高度为14px,所以最终的显示效果为16px,并不是你设置的font-size。这个具体高度的话,和字母类型、字体类型、是否是汉字都有关系。倘若你把里面的三个点去掉,则此时p高度为2px。要是有两行字的话,高度又变了,并不是12px哦。再一种情况,你设置小于12px的字体,在pc端比如chrome中,就只能显示到12px。不知道说的对不对,希望对你有帮助
在不指定高度时文字的最小高度由 line-height 决定。
line-height
line-height 的默认值是 normal,具体值根据不同字体各不相同,桌面浏览器一般取值在1.2左右。
normal
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
p的高度不设置,默认为按内容高度自适应,因为内容的高度为14px,所以最终的显示效果为16px,并不是你设置的font-size。这个具体高度的话,和字母类型、字体类型、是否是汉字都有关系。倘若你把里面的三个点去掉,则此时p高度为2px。要是有两行字的话,高度又变了,并不是12px哦。再一种情况,你设置小于12px的字体,在pc端比如chrome中,就只能显示到12px。不知道说的对不对,希望对你有帮助
在不指定高度时文字的最小高度由
line-height
决定。line-height
的默认值是normal
,具体值根据不同字体各不相同,桌面浏览器一般取值在1.2左右。