爲什麼圖像和列表之間有間距? http://jsfiddle.net/ZPQUP/3/ 另外如何使<li>
元素佔用儘可能多的空間?所以我最後一個孩子沒有額外的空間?兩個div之間的意外間距
1
A
回答
5
2
爲了讓列表項填補所有的 「UL」 你可以添加寬度:33%;到列表項:
li.item {
margin: 0px;
display: inline;
float: left;
height: 50px;
border-left: 1px solid #ddd;
display: inline;
width:33%;
}
3
這是因爲圖像表現爲行內元素。內聯元素在底部爲下垂,像j
,g
,q
,p
信件等
使用display: block;
強制它像一個塊級元素的空間。
#profile-grid img {
height: 250px;
width: 332px;
padding: 0;
margin: 0;
display: block;
}
相關問題
- 1. 兩個div之間的間距問題
- 2. QGraphicsLayout - 項目之間的意外間距
- 3. 兩個div之間的差距
- 4. 兩個div之間的小差距
- 5. 添加兩個Div之間的差距
- 6. 給兩個div之間的差距?
- 7. 距離之間的兩個
- 8. Div寬度等於兩個其他div之間的差距
- 9. 文本中的div之間的間距?
- 10. 間距之間的3列的DIV
- 11. 兩個垂直div之間的空間
- 12. 兩個div標籤之間的空間
- 13. 浮動div之間的均勻間距
- 14. CSS垂直間距問題(保證金?) - 兩個Div之間的垂直空間
- 15. listview項目之間的額外間距
- 16. 計算兩個任意形狀之間的最小距離
- 17. 兩個子報表之間的差距
- 18. 兩個std之間的距離::列表
- 19. 兩個對象之間的距離
- 20. 兩個GEO位置之間的距離
- 21. 兩個座標之間的距離
- 22. 編輯兩個圖之間的距離
- 23. 兩個地址之間的距離
- 24. 兩個詞之間的語義距離
- 25. 兩個地理點之間的距離?
- 26. mysql hamming兩個phash之間的距離
- 27. 兩個矩形之間的距離
- 28. 兩個經緯度之間的距離
- 29. 在另外兩個div之間的位置div
- 30. IE中兩個相鄰div之間的Wierd差距