Nastavite konstantno širino stolpca tabele ne glede na količino besedila v celicah?

Nekaj časa sem se igral z njim, ker sem imel težave z razumevanjem.

Nastaviti morate širino celice (bodisi th ali td, jaz sem nastavil oboje) IN nastaviti table-layout na fixed. Iz nekega razloga se zdi, da širina celic ostane fiksna le, če je nastavljena tudi širina tabele (mislim, da je to neumno, a kaj ko ne).

Prav tako je koristno nastaviti lastnost overflow na hidden, da preprečite, da bi iz tabele prihajalo dodatno besedilo.

Prav tako morate poskrbeti, da bodo vsi robovi in velikost prepuščeni CSS.

Ok, tukaj je to, kar imam:

table {
  border: 1px solid black;
  table-layout: fixed;
  width: 200px;
}

th,
td {
  border: 1px solid black;
  width: 100px;
  overflow: hidden;
}

<table>
  <tr>
    <th>header 1</th>
    <th>header 234567895678657</th>
  </tr>
  <tr>
    <td>data asdfasdfasdfasdfasdf</td>
    <td>data 2</td>
  </tr>
</table>

[Tukaj je v JSFiddle][1]

Ta človek je imel podobno težavo: https://stackoverflow.com/q/446624/534056

To morate zapisati v ustrezni CSS

table-layout:fixed;

Če ne želite fiksne postavitve, določite razred, da se velikost stolpca ustrezno prilagodi.

CSS:

.special_column { width: 120px; }

HTML:

<td class="special_column">...</td>