HTML - 指定行和列的大小?

时间:2014-09-17 03:35:47

标签: html html-table cell

我正在尝试将每个数据单元设置为特定大小。虽然大多数数据单元的大小相同,但是单元格:d,h,l和p小于其余单元,即使我指定它们的宽度为30%。我应该像我一样指定每个细胞吗?有没有更简单的方法?当我指定它们的宽度相同时,为什么那些特定的细胞小于其余细胞?

此时此刻,我只是想让每个单元格保持一致的大小。

<html>
   <head>
      <meta charset = "utf-8">
      <title>Fruit Production.</title>
   </head>


 <table border = "2">
  <tr>
     <td width = "30%">a</td>
     <td width = "30%">b</td>
     <td width = "30%">c</td>

     <td width = "30%">d</td>

  </tr>


  <tr> 
     <td width = "30%">e</td>
     <td width = "30%">f</td>
     <td width = "30%">g</td>

     <td width = "30%">h</td>



   </tr>
     <td width = "30%">i</td>
     <td width = "30%">j</td>
     <td width = "30%">k</td>

     <td width = "30%">l</td>






   <tr>
     <td width = "30%">m</td>
     <td width = "30%">n</td>
     <td width = "30%">o</td>

     <td width = "30%">p</td>



    </tr>






  </table> 

</html>

1 个答案:

答案 0 :(得分:1)

TR内TD的宽度之和应为100%。

因为该百分比是TR的百分比。

所以现在的总数是120%,您可以尝试将30%更改为25%,并且它们的大小都相同。

如果您希望TR本身更大,请同时指定TR的宽度。