SORU
12 EKİM 2009, PAZARTESİ

Nasıl Tablo Satır Taşması gizlemek için?

Metinsel veri sığmayacak kadar büyük olduğu bazı html tabloları var. Yani, hücrenin dikey olarak bu karşılamak için genişler. Şimdi taşma satırları veri küçük miktarlarda satırları iki kat daha uzundu. Bu kabul edilemez. Nasıl Tablo 1em Aynı satır yüksekliği için zorlayabilir miyim?

Burada sorun oluşmazsa bazı biçimlendirme. Tablo tek bir satırın yüksekliğini, taşan metin gizli olmalı.

<!DOCTYPE html>

<html>
  <head>
    <title>Test</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <style type="text/css">
      table { width:250px; }
      table tr { height:1em; overflow:hidden; }
    </style>
  </head>
  <body>
    <table border="1">
      <tr>
        <td>This is a test.</td>
        <td>Do you see what I mean?</td>
        <td>I hate this overflow.</td>
      </tr>
    </table>
  </body>
</html>

CEVAP
12 EKİM 2009, PAZARTESİ

Hücreleri üzerinde, table-layout:fixed table white-space:nowrap; iki öznitelikleri belirtmeniz gerekir. Ayrıca hücreleri overflow:hidden; çok hareket etmek gerekir

table { width:250px;table-layout:fixed; }
table tr { height:1em;  }
td { overflow:hidden;white-space:nowrap;  }

Here's a Demo. Firefox 3.5.3 ve IE 7'de test edilmiştir

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:
HtmlCssHtml-TabloHtml-table

AYNI ETİKETTEKİ VİDEOLAR

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • hoorahjencar

    hoorahjencar

    6 HAZİRAN 2007
  • ICON

    ICON

    19 EKİM 2011
  • Māris Zaharovs

    Māris Zahar

    28 Mayıs 2008

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR