简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > css教學 > 主體

li中插入img圖片間有空隙的解_CSS/HTML

WBOY
發布： 2016-05-16 12:03:35
原創
2693 人瀏覽過

直接加上樣式img{vertical-align:bottom; display:block}

當然在某些情況下無效,比如我要加三個圖片,上中下,中間的圖片是設為背景,發現用此方法無效,只是上和中的圖片空隙沒了,而下與中之間還存在,方法很簡單,把vertical-align:bottom改成top,可依自己遇到的不同情況來設vertical-align的參數

方法一：

複製程式碼 程式碼如下:

img{vertical-align:top; display:block }

li中插入img圖片間有空隙的解_CSS/HTML

複製程式碼 程式碼如下:


方法二：設定容器font-size:0(個人認為這種方法最好！！！)

相關標籤：
img li
來源：php.cn
上一篇：利用CSS3新特性創建透明邊框三角_經驗交流 下一篇：CSS可以做的幾個令你嘆為觀止的實例分享_經驗交流
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
使用網格建立此特定設計：逐步指南 我正在嘗試創建一個類似於此圖像的佈局，我嘗試過使用此網格但無法實​​現。 <ulclass="container"><liclass=&quo...
來自於 2024-04-06 20:29:08
0
2
492
正確應用`:after`偽元素到styled components的React.js指南 我發現了這個漂亮的底線動畫<ul><li><ahref="#">關於</a></li><li&...
來自於 2024-04-04 22:28:08
0
1
1322
保留包含特定單字的內容，取代除此之外的所有內容的JavaScript正規表示式 我想這很簡單，但我正在努力應對以下情況：字串（HTML作為文字傳遞）：text<br>text<br><ul><li>text<...
來自於 2024-04-01 11:06:23
0
2
358
Vue：下拉式選單轉換以及如何切換另一個元素的類 我得到了這個（非常簡單）：<divclass="dropdownMenuWrapper"><ulclass="dropdownMen...
來自於 2024-03-31 21:34:34
0
1
370
類型錯誤：無法讀取未定義的屬性（讀取'day”） <divclass="cont"><ul><liv-for="(value,key)indayappointment.v...
來自於 2024-03-31 20:14:08
0
1
421
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！