国产黑色丝袜网站在线观看,国产伦精品一区二区三区,女邻居夹得好紧太爽了av,亚洲青涩在线不卡av,国产欧美日韩综合精品一区二区

国产精品美女久久久浪潮AV,国产精品三级一二三区,久久精品国产一区二区小说 ,依依成人影视国产精品,全部无卡免费的毛片在线看,日本一区二区三深夜不卡,国产精品女同一区二区久久,国产精品夜色一区二区三区

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

2018-3-9 seo達人

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

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

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

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出現的問題也有幫助

<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是內聯元素)//要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"> <img src="/i/eg_tulip.jpg" alt="郁金香" height="100px"/> <img src="/i/eg_tulip.jpg" alt="郁金香" height="100px"/> </div>

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

« html 如何引入一個公共的頭部和底部前端性能優化 —— 移動端瀏覽器優化策略 »