V svoji tabeli sem nastavil širino prve celice v stolpcu na 100px
.
Če pa je besedilo v eni od celic v tem stolpcu predolgo, postane širina stolpca večja od 100px
. Kako lahko onemogočim to razširitev?
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