div之間空白間距 html元素img之間會(huì)有空隙的原因以及如何消除?
html元素img之間會(huì)有空隙的原因以及如何消除?在IE6和IE7中,img和div(塊類型元素)之間存在間隙。IE7會(huì)有這個(gè)問題,但I(xiàn)E8不會(huì)。1定義img標(biāo)簽垂直-對(duì)齊:底部,垂直-對(duì)齊:中間,垂
html元素img之間會(huì)有空隙的原因以及如何消除?
在IE6和IE7中,img和div(塊類型元素)之間存在間隙。IE7會(huì)有這個(gè)問題,但I(xiàn)E8不會(huì)。1定義img標(biāo)簽垂直-對(duì)齊:底部,垂直-對(duì)齊:中間,垂直-對(duì)齊:topimg{垂直-對(duì)齊:底部}2:將容器中的字體大小定義為0:Div{寬度:110px邊框:1px實(shí)心#000000字體-大小:0}原因:內(nèi)聯(lián)元素(如圖片和文本)與父元素的基線隱式對(duì)齊,并且基線和父級(jí)的底邊之間有一定的間隔(這個(gè)間隔與字體大小和字體系列有關(guān)),所以設(shè)置垂直-對(duì)齊:頂部/底部/文本頂部/文本底部可以防止這種情況。不僅是李,還有其他方塊元素中的img。這兩種方法都是可行的