SORU
12 Temmuz 2011, Salı


Td genişliği sabit değil, esnek CSS tablo

Bir tablo var ve td var 30px sabit genişlik ayarlamak istiyorum. sorun td metin çok uzun olduğunda, td daha geniş 30px daha uzattı. Td taşma:gizli çalışmıyor ya, taşan metin gizleme ve td genişliği 30px tutmak için bir yol bulmalıyım.

<table cellpadding="0" cellspacing="0">
    <tr>
        <td>first</td><td>second</td><td>third</td><td>forth</td>
    </tr>
    <tr>
        <td>first</td><td>this is really long</td><td>third</td><td>forth</td>
    </tr>
</table>

CEVAP
12 Temmuz 2011, Salı


En güzel CSS değil, ama bu iş için var:

table td {
    width: 30px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
}

jsFiddle Examples

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Bart Baker

    Bart Baker

    1 Aralık 2006
  • FrankJavCee

    FrankJavCee

    29 Kasım 2008
  • Kap Slap

    Kap Slap

    8 Mart 2010