|
今天寫css時(shí)發(fā)現(xiàn)，圖片加起來剛好是900px的三張圖片，不能在一個(gè)900px寬容器放下，因?yàn)閳D片之間有間隔，我猜是瀏覽器把兩個(gè)img標(biāo)簽之間的空格當(dāng)成了空白節(jié)點(diǎn)。 在網(wǎng)上找到了幾個(gè)不錯(cuò)的解決方法： 1.多個(gè)img標(biāo)簽寫在一行 <img src="/i/eg_tulip.jpg" alt="郁金香" height="100px"/> <img src="/i/eg_tulip.jpg" alt="郁金香" height="100px"/> <img src="/i/eg_tulip.jpg" alt="郁金香" height="100px"/><img src="/i/eg_tulip.jpg" alt="郁金香" height="100px"/> 效果前： 效果后：
2.在img標(biāo)簽的父級(jí)上寫：font-size:0;//這個(gè)在解決display：inline-block出現(xiàn)的問題也有幫助 <div style="font-size:0"> <img src="/i/eg_tulip.jpg" alt="郁金香" height="100px"/> <img src="/i/eg_tulip.jpg" alt="郁金香" height="100px"/> </div> 效果：
3.使用display：block(img是內(nèi)聯(lián)元素)//要float一下才行 <img src="/i/eg_tulip.jpg" alt="郁金香" height="100px" style="display:block"/> <img src="/i/eg_tulip.jpg" alt="郁金香" height="100px" style="display:block"/> 效果:
4.使用letter-spacing屬性 <div style="letter-spacing:-800px"><!--letter-spacing的值無論是負(fù)多少都不會(huì)產(chǎn)生重疊--> <img src="/i/eg_tulip.jpg" alt="郁金香" height="100px"/> <img src="/i/eg_tulip.jpg" alt="郁金香" height="100px"/> </div> 效果: 原文：http://www.cnblogs.com/zqzjs/p/4868325.html |
|
|
