Html：創建行高度不同的div的表格

如何創建由div's創建的兩列表格，其中行高度不是相同的高度。我怎樣才能做到這一點與CSS例如？Html：創建行高度不同的div的表格

這是笏我有：

XXXX YYYY 
XXXX YYYY 
    YYYY 
    YYYY 
    YYYY 
ZZZZ 
ZZZZ 
ZZZZ

這就是我想要的東西：

XXXX YYYY 
XXXX YYYY 
    YYYY 
ZZZZ YYYY 
ZZZZ YYYY 
ZZZZ

的X，Y和Z的信息申報單。所以div Z必須不符合第二欄。

也許一個簡單的問題，但我不知道如何解決這個問題。謝謝。

來源

2010-09-10 robertpnl

這些是已知的div嗎？還是它們會由某種東西產生？你知道會有多少個div嗎？ – 2010-09-10 12:30:44

三個div：X，Y和Z. – robertpnl 2010-09-10 19:23:09

您可以在文檔中按照X，Y，Z的順序放置div，然後向左浮動X，向右浮動Y並向左浮動Z.記住當然要設置div的寬度。

來源

2010-09-10 12:13:05

謝謝。隨着浮動，我可以解決這個問題。 – robertpnl 2010-09-10 19:22:25

請看rowspan和colspan。你可以找到一個創造性的用途來實現你的目標。

來源

2010-09-10 12:10:52

<table> 
    <tr> 
    <td> 
    XXXX<br/> 
    XXXX<br/> 
    XXXX 
    </td> 
    <td rowspan='3'> 
    YYYY<br/> 
    YYYY<br/> 
    YYYY<br/> 
    YYYY<br/> 
    YYYY<br/> 
    YYYY<br/> 
    YYYY<br/> 
    YYYY<br/> 
    YYYY<br/> 
    YYYY<br/> 
    YYYY 
    </td> 
    </tr> 
    <tr> 
    <td rowspan='2'> 
     ZZZZ<br/> 
     ZZZZ<br/> 
     ZZZZ<br/> 
     ZZZZ<br/> 
     ZZZZ<br/> 
     ZZZZ<br/> 
     ZZZZ<br/> 
     ZZZZ<br/> 
     ZZZZ<br/> 
     ZZZZ 
    </td> 
    </tr> 
    </table>

而不是通過CSS垂直對齊：頂部爲td元素

分配div各地的每一組數據，如果你想具體高度。

來源

2010-09-10 12:23:02 Edelcom

Html：創建行高度不同的div的表格

回答

相關問題