好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

CSS>行内格式化上下文中的各种高度计算_html/css_WEB-ITnose

前言碎碎语:标题问题在昨天困扰了笔者很久很久,早上把问题提到了各网络也暂时没有回复。因为明天要早起飞异地参加一场校招面试,笔者还是很紧张的,但奈何问题不解决寝食难安……所以还是卯起劲重新思考这个问题,算是暂时有了一个自己比较认可以及清晰的答案,与各位读者分享。如您有不同观点想法意见建议,恳请斧正!

正式探讨之前,我们观察一个现象(在 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的详细内容...

  阅读:30次