这节中的hack属性*margin-top的值为什么是22px,跟行高有关吗?

来源:5-2 兼容2

鲜花牛奶

2018-07-06 16:05

https://img1.mukewang.com/5b3f203f0001bb3005600062.jpg

第一张图中,两个横线在IE7中居中,要使用hack属性*margin-top:22px;

这两根横线和中间的文字在同一个div框中,在ps中看到他们的行高均为60px,font-size均为16px,中间文字的content area高度我用矩形选框选中测量是15px(不知道这样测content area的高度是否正确),然后60和15取半是30和7,30-7=23。可忽略1px的差距。所以*margin-top的值22px,跟行高有关吗?

https://img3.mukewang.com/5b3f203f00017f7513570449.jpg


写回答 关注

2回答

  • NicholasCZakas
    2018-07-20 10:36:59

    他只是想在ie7下居中一下那条线,所以hack一下调整到margin-top 22px垂直居中比较合适。要说行高关系吧你可这么理解垂直居中行高减去线的1px 除以二大致高度设为margin-top这样就可以了,具体视觉另行上下调整几像素问题不大

  • qq_T2航站楼_0
    2018-07-10 21:52:34

    有关系

从 psd 到 html

教你把PSD设计稿转化成HTML,用案例来讲解基本流程

105471 学习 · 410 问题

查看课程

相似问题