如果我把文字放進去，Div箱子會向下移動

我建立了四個帶有內容的div框。首先，這是一種盲目的文字，沒有任何問題。但是現在，當我想將我的內容放入框中，並且我在第一個框中放入了一些文本時，其他三個文本的數量就會減少。如果我把文字放進去，Div箱子會向下移動

第二件事，有沒有辦法讓文本變得更緊湊？像其他三個框中的盲文一樣。因爲在第一個單詞之間有很多空間。我聽說過關於CSS休息的一些事情？但我不知道這是否是正確的。

.skillcontainer { 
max-width: 23%; 
min-width: 200px; 
display: inline-block; 
position: relative; 
margin-left:1.4em; 
}

Here你可以看看我的意思。例如，如果您將窗口設置得更大，則可以看到22％以下的空間。

你有你的小提琴太多的代碼把它砍下來的相關部分 –

http://jsfiddle.net/R5bSn/4/這裏是正確的代碼 – user2802501

兩部作品。（浮離開---不知道爲什麼有人刪除）謝謝你們。 :)並確實有人知道我可以如何解決它與文本。這樣它就會更好一些。會很酷，如果它看起來像其他三個 http://i41.tinypic.com/2s6lrx2.jpg這裏是我的意思是圖片 – user2802501

Float'em！

.skillcontainer { 
max-width: 23%; 
min-width: 200px; 
display: block; 
position: relative; 
margin-left: 1.4em; 
float: left; 
}

2013-09-21 17:03:02

沒有必要把它們飄浮......你只需要

.wrapper {vertical-align:top; }

添加到您的代碼......作爲內部項目是inline-block的。

2013-09-21 17:19:19

回答