HTML 表格宽度（以百分比表示），表格行间距离相等

当我用 html 创建一个宽度为 100% 的表格时，如果我想将所有单元格（tds）等分，是否必须输入每个单元格的宽度百分比？我有义务这样做吗？

例如

<table cellpadding="0" cellspacing="0" width="100%" border="0">
   <tr>
      <td width="25%"></td>
      <td width="25%"></td>
      <td width="25%"></td>
      <td width="25%"></td>
   </tr>
</table>

或者，如果我想平均分配每个 tds，不在每个 tds 中写入宽度，下面的程序也可能是正确的：

<table cellpadding="0" cellspacing="0" width="100%" border="0">
   <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
   </tr>
</table>

我知道这两种方法都可以，但我只想知道合法的方法。

Cœur
已编辑的问题 11日 七月 2017 в 5:36
编程
html html-table
9日 十月 2011 в 12:00
尚无意见
解决办法

您需要为每个单元格输入宽度 %。但是等等，还有一种更好的方法，叫做 CSS：


     .equalDivide tr td { width:25%; }


<table class="equalDivide" cellpadding="0" cellspacing="0" width="100%" border="0">
   <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
   </tr>
</table>
Zigri2612
编辑本段答案8日 二月 2017 в 7:21
评论(4)

是的，您需要指定每个单元格的宽度，否则它们就会 "聪明 "地将 100% 的宽度分配给它们认为最需要的单元格。 内容较多的单元格会比内容较少的单元格占用更多宽度。

要确保每个单元格的宽度相等，就需要明确说明。您可以按照现有的方法，或者使用 CSS。

table.className td { width: 25%; }
评论(0)

你可以试试这个，我会用 CSS 来做，但我想你想要的是不使用 CSS 的表格。




      <table cellpadding="0" cellspacing="0" width="100%" border="1" height="350px"> 
         <tr>
            <td width="25%"> </td>
            <td width="25%"> </td>
            <td width="25%"> </td>
            <td width="25%"> </td>
         </tr>
      </table>
user66001
编辑本段答案25日 一月 2013 в 11:37
评论(0)