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

  • GFX Tutorials

    GFX Tutorial

    12 AĞUSTOS 2013
  • Makeup Lover

    Makeup Lover

    12 HAZİRAN 2011
  • mliskIT

    mliskIT

    29 Mart 2012

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR