彈性盒子不按預期工作

好吧，我正在使用Chrome。彈性盒子不按預期工作

我有一個div，我在其中定義了display: -webkit-box;。這個div裏面有7個div，全部有-webkit-box-flex: 1;。

但是，第一個div比其他的小。任何想法的人？

您的代碼請。 – duri

我創建了一個cssdesk預覽：http://cssdesk.com/rxRum 這適用於Chrome。這些盒子的尺寸幾乎相同。請以此爲起點來改進您的問題。 – topek

你說得對，其實我錯了。我猜webkit-box-flex會填滿剩下的空間。我的第一個元素沒有文字，其他的沒有文字，這就是爲什麼它更小。 –

顯然我誤解了盒子模型。當時我很困惑，並認爲所有div都是平等的，但實際上它是剩餘的空間被平等地加入。

2011-10-26 20:24:07

我不認爲在80％寬div的7盒會給你均勻間隔的列。即使玩最後一列的邊框，或將父級設置爲960像素。 7只是不能均勻地進入它

2011-10-05 05:54:53 Anagio

回答