html5 - css3 div高度问题
高洛峰
高洛峰 2017-04-17 14:30:26
[HTML讨论组]

请问一下 为什么样式这样写 然后我点了那个p看它的整体高度居然是16 而不是 12+1+1 = 14呢?

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(2)
天蓬老师

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

阿神

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

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号