前言碎碎语:标题问题在昨天困扰了笔者很久很久,早上把问题提到了各网络也暂时没有回复。因为明天要早起飞异地参加一场校招面试,笔者还是很紧张的,但奈何问题不解决寝食难安……所以还是卯起劲重新思考这个问题,算是暂时有了一个自己比较认可以及清晰的答案,与各位读者分享。如您有不同观点想法意见建议,恳请斧正!
正式探讨之前,我们观察一个现象(在 Chrome 下的表现,其他浏览器下的表现和计算可能有细微差别):
上图对应的 HTML 是(之后的探讨均基于此):
Line Height body { margin: 0; font: 32px/1 'Microsoft YaHei';}div { width: 400px; margin: 30px auto; outline: 1px solid black; background: #008E59;}img { height: 80px; margin-top: 10px;}Some Text
查看更多关于CSS>行内格式化上下文中的各种高度计算_html/css_WEB-ITnose的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://www.haodehen.cn/did113701