Chcę, aby wszystkie kolumny (<td></td>) miały równą długość, jak to osiągnąć?

Question

Jak osiągnąć to za pomocą CSS lub 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

Należy użyć właściwości tutaj table-layout ...

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

Answer 2

Zastosowanie CSS:

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

Answer 3

W CSS, można użyć szerokość nieruchomości. Można to zrobić w linii lub jako część arkusza stylów. Aby uzyskać więcej CSS dla tabel, sprawdź CSS Styling Tables z w3schools.

td { 
    width:200px; 
} 

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

Albo w HTML, sprawdź COLGROUP tag tak:

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

ja osobiście używać COLGROUP najbardziej.

Answer 4

Co o:..

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

(zakładając, że masz 5 td per rzędu Jeśli masz trzy, umieścić szerokość 33%, jeśli masz 2 umieścić 50% i tak dalej

Answer 5

Ustaw szerokość (CSS lub inline, jeśli chcesz), aby była taka sama wartość procentowa dla każdej kolumny (najlepiej w sumie 100%) Umożliwi to progresywne skalowanie:

Answer 6

Możesz użyć właściwości width dla selektora td. , ewentualnie chcesz rozróżnić jedną tabelę o w drugim. W takim przypadku można sklasyfikować tabelę „równa szerokości” tak:

<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> 

z css tak:

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

Answer 7

Szukałem tego sam. Ale w moim przypadku liczba stołów nie była stała, stąd podanie dokładnej wartości procentowej nie było możliwe. Znaleziono inne rozwiązanie w

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

dają komórkom bardzo małą szerokość. Komórki zostaną przeskalowane, aby wypełnić dostępną szerokość.

table tr td { width:5%; }