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

  • AFISHAL

    AFISHAL

    7 Mart 2009
  • BenjiManTV

    BenjiManTV

    20 Mart 2011
  • PomplamooseMusic

    PomplamooseM

    28 HAZİRAN 2008

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR