中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

從 Firefox 2 入手。

Firefox 2 不支持 inline-block，但是它支持 Mozilla 特有的顯示屬性 ‘-moz-inline-stack’，這個(gè)屬性和 inline-block 比較像。把它加在 display: inline-block 之前，F(xiàn)F2 會(huì)忽略 inline-block 而保留 -moz-inline-stack，因?yàn)樗�不認(rèn)識(shí) inline-block。支持 inline-block 的瀏覽器會(huì)使用 inline-block 而忽略之前的顯示屬性。

li {
    width: 200px;
    min-height: 250px;
    border: 1px solid #000;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 5px;
}

不幸的是，有點(diǎn)小bug：

坦白地說，我不知道什么導(dǎo)致了這個(gè) bug。但是有個(gè)快速的修正方法。把 <li> 中所有的東西用 <div> 包含起來。

<li>
    <div>
        <h4>This is awesome</h4>
        <img src="http://farm4.static.flickr.com/3623/3279671785_d1f2e665b6_s.jpg"
        alt="lobster" width="75" height="75"/>
    </div>
</li>

貌似 <li> 中的內(nèi)容被’重置’并且正確顯示了。

出處：前端觀察
責(zé)任編輯：bluehearts

上一頁(yè) 跨瀏覽器的inline-block [2] 下一頁(yè) 跨瀏覽器的inline-block [4]

◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。