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

  • bunnyboxx

    bunnyboxx

    17 NİSAN 2008
  • Matt Harding

    Matt Harding

    23 Mayıs 2006
  • steven johns

    steven johns

    11 Mart 2011

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR