如何使表格的高度和宽度相等

Question

这是代码。我试图用colgroup

<col style="width: 100px; height:100px;"> 

但没有奏效。这是我想每一列是100px高的表demo和100px宽

Answer 1

试试这个片断：

body{ 
 
\t font-size: 18px; 
 
\t font-family: "Lucida Sans Unicode"; 
 
} 
 

 
.header { 
 
\t font-size: 60px; 
 
\t font-weight: bold; 
 
\t padding: 0 auto; 
 
\t text-align: center; 
 
} 
 

 
td{    /* ADDED */ 
 
    width: 100px; 
 
    height: 100px; 
 
}

<table border="1" cellpadding="25px"> \t 
 
    <tr> 
 
    <td colspan="4" class="header"><span>SoftUni LIFE</span></td> 
 
    </tr> 
 
    <tr> 
 
    <td colspan="2"><span>Google</span></td> 
 
    <td colspan="2">GitHub</td> 
 
    </tr> 
 
    <tr> 
 
    <td>FB</td> 
 
    <td>GMail</td> 
 
    <td>YouTube</td> 
 
    <td>2048</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Food</td> 
 
    <td colspan="2">Game</td> 
 
    <td> 
 
     <table border="1"> 
 
     <tr> 
 
      <td>Social Life</td> 
 
     </tr> 
 
     <tr> 
 
      <td>Sleep</td> 
 
     </tr> 
 
     </table> 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td colspan="3">Beer></td> 
 
    <td>WC</td> 
 
    </tr> 
 
</table>

我刚才添加的最后一个CSS规则来设置高度和td元素的宽度。

这会将每个td的宽度和高度设置为100px，那些拥有colspan的人的列数将会乘以默认宽度（100px），这与rowspan是一样的。