2014-03-27 18 views
0

我不知道該怎麼說(我認爲我的英語不是很好),但我需要幫助將4個相同的div放入一個css代碼。需要幫助,把4個相同的div放入一個css代碼(間距)

問題:

float:left; margin:10px 20px 10px 0; 

正如你可以在這個DEMO看到,標籤號碼2和4不適合的空間。有在右上角的可用空間,但最大間距是20px ..有沒有甚至可以解決這個問題沒有jQuery?

對不起,英語不好,謝謝你的回答!下面提到

+0

「有在右上角自由空間」你這是什麼意思?由於保證金,您有空閒空間 – SpiderCode

+0

這就是問題所在。我不想要在右上角的空閒空間:/ – Tauras

+0

你的意思是1到2,3和4之間的空閒空間? – SpiderCode

回答

0

更新你的標籤CSS:

.tabs 
{ 
    float:left; 
    margin:10px 0px 10px 0; 
    width:50%; 
    height:100px; 
    background:grey; 
} 

Live Demo

+0

嗯,這是行不通的。我需要在一行中沒有可用空間的右側兩個選項卡:/ – Tauras

+0

將寬度更改爲** 100%**。它會使所有標籤在一列 – SpiderCode

+0

就像我說的:「兩個標籤在一行中沒有可用空間在右上角」。我試圖解決這個問題可能5小時〜:/ – Tauras

0

你可以添加最後類marign右:0重要; 我的例子是here,調整寬度,如果它是有幫助的那麼好,否則讓我知道,我會給你另一種技術

.tabs {float:left; margin:10px 20px 10px 0; width:48.5%; height:100px; background:grey; } 
.last{ margin-right:0 !important;} 
+0

嗯,也許你知道,如果有可能做到這一點,而不包括其他CSS上課? – Tauras