搜尋

首頁  >  問答  >  主體

對於 colspan="1.5" 不起作用的問題有其他解決方案嗎?

這就是我需要的表 我可以輕鬆地獲得第一行和第二行,但是當我嘗試使第三行變得良好時,我正在破壞第二行。

我嘗試使用 width 屬性和 colspan 但沒有任何效果。

<table border="1px" width="100%">
        <tr>
            <td colspan="6">Cell 1</td>
        </tr>
        <tr >
            <td colspan="3">Cell 2</td> 
            <td colspan="3" >Cell 3</td>
        </tr>
        <tr>
            <td colspan="2">Cell 4</td> 
            <td colspan="2">Cell 5</td>            
            <td colspan="2">Cell 6</td> 
        </tr>
    </table>

P粉368878176P粉368878176242 天前528

全部回覆(1)我來回復

  • P粉262073176

    P粉2620731762024-03-31 00:42:12

    <table> 預設情況下會符合其內容,因此不需要每列的寬度相等。因此,透過將table-layout:fixed 分配給<table> 來手動分配相等的列寬度,然後透過將每個寬度分配給第一個< ; 的<thead> 中的<th> 來為每列分配相等的寬度。 tr> 或缺少為第一個<tr><td> 分配寬度(當然tdth 作為選擇器也可以),請參閱下面的範例。

    table {
      table-layout: fixed;
    }
    
    td {
      width: 16.5%;
      text-align: center;
    }
    I
    II III
    IV V VI

    回覆
    0
  • 取消回覆