顯示：內聯塊和空白

Question

見下面的例子：內聯塊：

http://jsfiddle.net/EwtaC/1/

的圖像被經由顯示樣式。我的理解是空白不知何故有這個效果。（無論何種原因）所以我刪除了空白：

from <img src="" /> <img src="" /> 
to <img src="" /><img src="" /> 

這消除了間距圖像的左側和右側，但你可以在看例如，圖像下面的間距仍然存在。

有什麼可以做的嗎？

感謝， 韋斯利

Answer 1

http://jsfiddle.net/EwtaC/2/

地址：

vertical-align:top; 

形象得到默認對齊基線。要麼將它們顯示爲塊並浮動它們，要麼需要設置適當的垂直對齊。

Answer 2

相反inline-block的的，你有沒有嘗試過浮動圖像：

img { float: left; } 

似乎爲我

Answer 3

，你也可以做

body 
{ 
    line-height:0px; 
}