伊人久久大香线蕉综合影视_日韩精品少妇无码受不了_71pao成人国产永久免费视频_国产伦片中文免费观看_国产高清无码麻豆精品_九色综合伊人久久富二代_日韩黄色精品_日韩A∨精品日韩精品无码

css 圖片有間隔多個Img標簽之間的間隙

2018-3-9    seo達人

如果您想訂閱本博客內容,每天自動發(fā)到您的郵箱中, 請點這里 

今天寫css時發(fā)現(xiàn),圖片加起來剛好是900px的三張圖片,不能在一個900px寬容器放下,因為圖片之間有間隔,我猜是瀏覽器把兩個img標簽之間的空格當成了空白節(jié)點。

在網上找到了幾個不錯的解決方法:

1.多個img標簽寫在一行

<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標簽的父級上寫:font-size:0;//這個在解決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是內聯(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的值無論是負多少都不會產生重疊--> <img src="/i/eg_tulip.jpg" alt="郁金香" height="100px"/> <img src="/i/eg_tulip.jpg" alt="郁金香" height="100px"/> </div> 

效果:技術分享

藍藍設計cqzjtgb.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

日歷

鏈接

個人資料

藍藍設計的小編 http://cqzjtgb.com

存檔

廉江市| 凤台县| 安丘市| 三原县| 绥芬河市| 柘城县| 和顺县| 苍南县| 荣成市| 固镇县| 区。| 昂仁县| 长沙县| 沽源县| 福鼎市| 闸北区| 云梦县| 洱源县| 余江县| 定日县| 浮梁县| 岳阳市| 九寨沟县| 建平县| 罗田县| 阳西县| 射洪县| 五台县| 余姚市| 遵化市| 辽阳市| 漠河县| 锦州市| 林西县| 海城市| 社会| 兰坪| 科技| 金阳县| 蒲江县| 江北区|