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

  • Best Quality Cartoons

    Best Quality

    10 ŞUBAT 2014
  • Random Act of Kindness Video Contest

    Random Act o

    18 EYLÜL 2012
  • Need for Speed

    Need for Spe

    8 ŞUBAT 2006

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR