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

  • hotstrikegently

    hotstrikegen

    26 AĞUSTOS 2011
  • Hudson Music

    Hudson Music

    13 Mart 2007
  • Jonnyriddlin1

    Jonnyriddlin

    4 Ocak 2007