顯示：在div中的表格不像表格

Question

http://img580.imageshack.us/img580/1811/sinttulooh.png

我有問題，您在圖片中看到。這是一個三欄的div。這個div有一個display：table屬性，每一列都有一個display：table-cell屬性。問題是，如你所見，當中間的內容完成時，左邊和右邊的列開始其內容，並且他們應該從頂部開始寫入，作爲中間列。

我不知道它爲什麼會這樣，因爲在其餘的CSS中沒有任何其他規則發生衝突。我在其他例子中看到，沒有必要定義table-column或table-row來獲得這種風格。

我應該如何聲明div來獲得期望的結構？

謝謝!!

Answer 1

你不需要表格，也不需要放置顯示：表格。

只需使用css造型來製作三列布局，這就是您想要存檔的內容。

檢查此鏈接，例如：

http://matthewjamestaylor.com/blog/perfect-3-column.htm

Answer 2

這裏有一個工作示例： http://jsfiddle.net/NyqGQ/1/

注意「邊境崩潰」屬性，合併容器和兒童的邊界。

Answer 3

嘗試將垂直對齊屬性設置爲您的表格單元格頂部。

.your-table-cells 
{ 
    vertical-align:top; 
}