Question

如何使用CSS或HTML实现它？

 <table class="banner"><tr><td>If you need many results, then post your task as piecework here. You only need to pay qualified results.
  </td>
 <td>Make money by doing piecework</td></tr>
 <tr><td><a href="publish.php">POST PIECEWORK FOR FREE</a><br/></td><td></td></tr></table>

Answer 1

您应该在这里使用table-layout属性...

table { table-layout: fixed; }
table td { overflow: hidden; }

Answer 2

使用CSS：

td{overflow:hidden;width:200px;}

Answer 3

在CSS中，您可以使用宽度属性。这可以内联或作为样式表的一部分完成。对于更多桌面CSS，请查看w3schools的CSS Styling Tables。

td {
    width:200px;
}

<td style="width:200px;">

或者，在HTML中，查看 colgroup 标记，如下所示：

<colgroup>
    <col width="200px" />
</colgroup>

我个人最常使用colgroup。

Answer 4

怎么样：

table { width:100% }
td { width:20% }

（假设你每行有5个td。如果你有3个，把宽度放33％，如果你有2个放50％等等。

Answer 5

将宽度（CSS或内联，如果您愿意）设置为每列的相同百分比值（理想情况下总计为100％）。这将允许渐进式缩放。

Answer 6

您可以将width属性用于td选择器。但是，您可能希望区分一个表而不是另一个表。在这种情况下，您可以像这样对“等宽”表进行分类：

<table class="equal_width_columns">
    <tr><td>one</td><td>onetwothree</td></tr>
</table>

<table> <!-- just a regular table -->
    <tr><td>one</td><td>onetwothree</td></tr>
</table>

用这样的css：

table.equal_width_colums * td { width: 300px; }

Answer 7

自己正在寻找这个。但在我的情况下，表计数没有固定，因此给出准确的百分比不是一个选项。

找到了另一个解决方案

http://freachable.net/2007/11/02/AutomaticEqualWidthColumnsInHTMLTables.aspx

给细胞一个非常小的宽度。单元格将向上扩展以填充可用宽度。

table tr td { width:5%; }

我希望<table> </table>中的所有列（）具有相同的长度，如何实现这一点？

7 个答案: