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

  • JonnyEthco

    JonnyEthco

    5 EKİM 2006
  • Mega64

    Mega64

    24 ŞUBAT 2006
  • Sorikan

    Sorikan

    3 ŞUBAT 2008