2012-05-31 57 views
3

是否有一些css語句將有限數量的div彼此相鄰地放置在右邊而不進行「linebreak/newline/wrap」並且使用具有指定寬度的包裝?把100個div彼此相鄰而不換行/換行/換行符的技巧?

就像把200個寬度爲200px的寬度和60px高度的每個在一條線上彼此相鄰而沒有固定寬度的包裝容器?

+0

敢肯定你」 d必須修復寬度的父容器,並設置「溢出」。 – mattytommo

+0

嗯太糟糕了!我想避免javascript動態地設置包裝的寬度... – Jurudocs

回答

9

的div應該有CSS:

display:inline-block; 

和身邊的一個包含分區:

white-space:nowrap; 
+0

@Jurudocs更改'display:inline'到'display:inline-block' –

-2

試試這個

.yourclass{ 
float:left; 
width:200px; 
height:60px; 
} 

工作環節http://jsfiddle.net/TmSdx/

+0

這個回答直接違背了OP的請求,寬度*。 –