Я хочу, чтобы все столбцы (<td></td>) в <table></table> имели одинаковую длину, как этого добиться?

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 вы можете использовать свойство width . Это может быть сделано внутри или как часть таблицы стилей. Чтобы узнать больше о CSS для таблиц, ознакомьтесь с таблицами стилей CSS от w3schools.

td {
    width:200px;
}

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

Или, в HTML, проверьте тег colgroup , например:

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

Лично я больше использую colgroup.

Answer 4

искал это сам. Но в моем случае количество таблиц не было фиксированным, поэтому указывать точный процент было невозможно. Нашел другое решение на

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

Дайте клеткам очень маленькую ширину. Ячейки увеличатся, чтобы заполнить доступную ширину.

table tr td { width:5%; }

Answer 5

Вы можете использовать свойство 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 6

Установите ширину (CSS или встроенную, если хотите) равным процентному значению для каждого столбца (в идеале - 100%). Это позволит прогрессивное масштабирование.

Answer 7

А как же:

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

(при условии, что у вас есть 5 тд на ряд. Если у вас их три, укажите ширину 33%, если у вас 2 - 50% и т. Д.