使用相對定位和內聯塊的DIV的垂直對齊？

我有一個問題對齊DIV的垂直，當他們的內容有不同的高度（雖然DIV本身有一個固定的大小）。使用相對定位和內聯塊的DIV的垂直對齊？

我希望DIV的，以「流」之類的文字，所以我想盡可能避免使用position:absolute。我使用display: inline-block來DIV的不會崩潰。

2011-09-09 Tom Söderlund

我找到了答案@盧克的回答[空inline-block的元素的垂直對齊] [1]。 collection_box樣式中的'vertical-align：top'是所有需要的。 [1]：http://stackoverflow.com/questions/1885873/vertical-alignment-of-empty-inline-block-elements –

請添加此評論作爲答案並接受它，否則這個問題仍然沒有必要回答。 – NGLN

完成，謝謝！ @Nightfirecat獲得了信譽。 –

添加vertical-align屬性 - 它並不重要哪一個，他們都做同樣的事情，因爲它們是相同的尺寸。如果他們是不同的大小，使用vertical-align: middle：

.collection_box { 
    vertical-align: middle; /* or top, or bottom, if they're the same size */ 
}

來源

2011-09-09 20:10:18 Nightfirecat

他們漂浮到左：

.collection_box { 
    float: left; 
}

來源

2011-09-09 20:07:05 Blender

使用相對定位和內聯塊的DIV的垂直對齊？

回答

相關問題