Tablonun genişliği sabit sütun hücreleri metin miktarı ne olursa olsun hazır mı?

SORU

16 Aralık 2010, PERŞEMBE

Tablonun genişliği sabit sütun hücreleri metin miktarı ne olursa olsun hazır mı?

Benim masa 100px bir sütundaki ilk hücreye genişliği ayarlayın.< / ^ br . Bu sütunda hücreye bir metin çok uzun ise, sütun genişliği 100px Daha fazla olur. Nasıl bu genişleme devre dışı bırakabilirim?

CEVAP

16 Aralık 2010, PERŞEMBE

Sorun bulmaktan vardı çünkü bir süre onunla oynadım.

Hücre genişliği (th veya td çalıştı ya, ben de seti) ayarlayın VE fixed table-layout ayarlamak gerekir. Nedense, hücre genişliği tablonun genişliğini belirlemek ise sadece sabit kalmak da (saçma ama her neyse sanırım) görünüyor. Ayrıca yararlıdır gizli taşma özelliği.

CSS için sınır ve boyutlandırma da bırakın emin olun.

Ne var buraya kadar Tamam.

html:

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

CSS:

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

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

Here it is in JSFiddle

Bu adam benzer bir sorunu vardı: Table cell widths - fixing width, wrapping/truncating long words

Bunu Paylaş: