line-height行高设置与实际行高不等

来源:10-6 偷个懒 - font样式的简写方式

慕莱坞1521965

2020-04-24 16:39

http://img.mukewang.com/5ea2a5aa00012d5604230626.jpg

http://img3.mukewang.com/5ea2a5aa00015aef04240606.jpg

http://img1.mukewang.com/5ea2a5aa0001a02f14140647.jpg

用line-height 设置行高为30px,然后用chrome运行 截图  ,放到ps里面量取行高怎么变成38px了?调出检查 浏览器里多了4行 margin-left:8px;margin-top:8px;margin-right:8px;margin-bottom:8px;是这个margin内边距影响了行高吗?还是因为什么呢

写回答 关注

3回答

  • 慕莱坞1521965
    2020-04-26 18:35:01

    我服了  整半天是我桌面页面布局设置的是125%。设置100%就好了 不然浏览器整个都会拉大行高

  • 凡生命不凡
    2020-04-26 14:47:26

    你猜咋回事

  • 慕盖茨6498073
    2020-04-26 12:00:21

    div块状元素的实际宽度参考盒子模型;宽度为margin+padding+border+页面内容(你设置的那个宽度)。

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225309 学习 · 18230 问题

查看课程

相似问题