??li{
????list-style:?none;
????float:?left;
??}
??li{
????list-style:?none;
????display:?inline-block;
??}
??
??????<li><img?src="1.jpg"?height="350"?width="500"></li>
??????<li><img?src="2.jpg"?height="350"?width="500"></li>
??????<li><img?src="3.jpg"?height="350"?width="500"></li>用 display: inline-block; 會在圖片中間存在空隙 , float: left; 就沒有 .為什么會這樣 ?
4 回答
晴書文文
TA貢獻64條經驗 獲得超75個贊
<li>標簽，是塊級元素。但你使用display:line-block;時。<li>標簽變成了內聯元素。然后圖片就水平排列了，這時候圖片之間會存在空隙，然后你又用浮動：float:left: 使他們脫離文檔流了，所以就不會有空隙了。
請采納！
- 4 回答
- 0 關注
- 1635 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消