li中插入img圖片間有空隙的解決方案
來(lái)源：本站原創(chuàng)|時(shí)間：2020-01-11|欄目：CSS/HTML|點(diǎn)擊： 次
直接加樣式img{vertical-align:bottom; display:block}
當(dāng)然在某些情況下無(wú)效,比如我要加三個(gè)圖片,上中下,中間的圖片是設(shè)為背景,發(fā)現(xiàn)用此方法無(wú)效,只是上和中的圖片空隙沒(méi)了,而下與中之間還存在,方法很簡(jiǎn)單,把vertical-align:bottom改成top,可根據(jù)自己遇到的不同情況來(lái)設(shè)vertical-align的參數(shù)
方法一：
復(fù)制代碼 代碼如下:
img{vertical-align:top; display:block}
復(fù)制代碼 代碼如下:
<style>
#l1 {float:left;background:#000;}
#l1 ul li {list-style:none;padding:0;margin:0}
img {vertical-align:bottom; display:block;}
</style>
方法二：設(shè)置容器font-size:0(個(gè)人認(rèn)為這種方法最好?。?！)
上一篇：如何使用CSS3畫(huà)出一個(gè)叮當(dāng)貓
欄 目：CSS/HTML
下一篇：頁(yè)面遮罩層，并且阻止頁(yè)面body滾動(dòng)。bootstrap模態(tài)框原理
本文標(biāo)題：li中插入img圖片間有空隙的解決方案
本文地址：http://mengdiqiu.com.cn/a1/CSS_HTML/11508.html
您可能感興趣的文章
- 04-02html5圖形,html5圖形縮放
- 04-02html5的canvas,html5的canvas的作用
- 01-11CSS3中Transition屬性詳解以及示例分享
- 01-11IE6/IE7/IE8/IE9中tbody的innerHTML不能賦值的完美解決方案
- 01-11表單中Readonly和Disabled的區(qū)別詳解
- 01-11完美實(shí)現(xiàn)浮動(dòng)元素橫排居中顯示
- 01-11討論CSS中的各類(lèi)居中方式
- 01-11詳解CSS樣式中的!important、*、
- 01-11詳解IE6中的position：fixed問(wèn)題與隨滾動(dòng)條滾動(dòng)的效果
閱讀排行
- 1C語(yǔ)言 while語(yǔ)句的用法詳解
- 2java 實(shí)現(xiàn)簡(jiǎn)單圣誕樹(shù)的示例代碼(圣誕
- 3利用C語(yǔ)言實(shí)現(xiàn)“百馬百擔(dān)”問(wèn)題方法
- 4C語(yǔ)言中計(jì)算正弦的相關(guān)函數(shù)總結(jié)
- 5c語(yǔ)言計(jì)算三角形面積代碼
- 6什么是 WSH(腳本宿主)的詳細(xì)解釋
- 7C++ 中隨機(jī)函數(shù)random函數(shù)的使用方法
- 8正則表達(dá)式匹配各種特殊字符
- 9C語(yǔ)言十進(jìn)制轉(zhuǎn)二進(jìn)制代碼實(shí)例
- 10C語(yǔ)言查找數(shù)組里數(shù)字重復(fù)次數(shù)的方法
本欄相關(guān)
- 04-02html5算法,html5協(xié)議
- 04-02html5圖形,html5圖形縮放
- 04-02html5登錄模板,html5登錄注冊(cè)模板
- 04-02html5的例子,HTML示例
- 04-02html5的canvas,html5的canvas的作用
- 04-02關(guān)于html5播放視頻代碼的信息
- 04-02html5chm手冊(cè),html操作手冊(cè)
- 04-02朋友圈html5,朋友圈發(fā)泄情緒的句子
- 04-02html5的新特性有哪些,HTML5的新特性有哪
- 04-02html5掃二維碼,html5調(diào)用手機(jī)攝像頭掃描
隨機(jī)閱讀
- 08-05dedecms(織夢(mèng))副欄目數(shù)量限制代碼修改
- 08-05DEDE織夢(mèng)data目錄下的sessions文件夾有什
- 01-10使用C語(yǔ)言求解撲克牌的順子及n個(gè)骰子
- 01-11Mac OSX 打開(kāi)原生自帶讀寫(xiě)NTFS功能(圖文
- 08-05織夢(mèng)dedecms什么時(shí)候用欄目交叉功能？
- 01-10SublimeText編譯C開(kāi)發(fā)環(huán)境設(shè)置
- 01-10delphi制作wav文件的方法
- 01-11ajax實(shí)現(xiàn)頁(yè)面的局部加載
- 04-02jquery與jsp,用jquery
- 01-10C#中split用法實(shí)例總結(jié)