                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /从 psd 到 html

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

第一张图中，两个横线在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，跟行高有关吗？

鲜花牛奶

2018-07-06

源自：从 psd 到 html 5-2

关注问题我要回答

1587

操作

收起

2 回答

NicholasCZakas
2018-07-20

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

0 回复有任何疑惑可以回复我~

qq_T2航站楼_0
2018-07-10

有关系

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

从 psd 到 html

参与学习 105472 人
解答问题 410 个

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

本课相似问答

3 回答为什么我用hack没有用？*margin-top：20px； ie7没有变化

1 回答index-panel的margin-top 我也遇到无效的问题为什么老师的有效？是position到时margin-top失效吧？ margin-top改用top呢

6 回答margin-top:—30px是什么意思

1 回答底部文字的margin-top的设定值有瑕疵

4 回答DW没有这个text-overflow属性的吗？

搜索更多本课相关问答

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

我要回答关注问题

意见反馈帮助中心 APP下载