重疊內聯分區

Question

我有this problem，我試圖用jsfiddle解決它，但我不擅長於CSS。希望你能幫我解決這個問題。我想分開第二行的下一個div。只是有一點空間來避免重疊。我需要它內聯顯示，但問題是如果它進入下一行，div的下一行與前一行div重疊。如何知道我將所有div設置爲內聯顯示，我怎麼才能添加一個邊距？

感謝提前:)

Answer 1

這是可以接受的嗎？

http://jsfiddle.net/2bLs7/11/

.a{ 
    border:solid 1px black; 
    display:inline-block; 
    margin-bottom: 1px; 

    zoom: 1; 
    *display: inline 
} 

更改爲inline-block可能不是你以後的，但如果你不介意這樣做，這似乎不錯。

我收錄了這個work in IE7所需的黑客。

Answer 2

試試這個：

.a { 
    border: solid 1px black; 
    display: inline-block; 
    margin: 5px 0 0 0; 
} 

看到有，我用inline-block反對inline。 margin: 5px 0 0 0;告訴它有頂部的保證金5px。

Answer 3

您可以添加line-height: 150%來增加差距。