SORU
29 NİSAN 2012, Pazar

Neden't CSS tablo hücresinde çalışma üç nokta değil mi?

Aşağıdaki örneği ele alalım: (live demo here)

HTML:

<table>
  <tbody>
    <tr><td>Hello Stack Overflow</td></tr>
  </tbody>
</table>

CSS:

td {
  border: 1px solid black;
  width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

JS:

$(function() {
  console.log("width = "   $("td").width());
});

Çıkış: width = 139 ve üç nokta görünmüyor.

Burada neyi kaçırıyorum?

CEVAP
29 NİSAN 2012, Pazar

Görünüşe göre ekliyor

td {
  display: block; /* or inline-block */
}

bu sorunu çözer.

Bir diğer olası çözüm tablosu için table-layout: fixed; ayarlamak, ve aynı zamanda width ayarlamaktır. Örneğin: http://jsfiddle.net/fd3Zx/5/

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:
HtmlCssÜç NoktaEllipsisCss3

AYNI ETİKETTEKİ VİDEOLAR

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • CZTUTORIALS

    CZTUTORIALS

    28 Ocak 2011
  • Rachel Talbott

    Rachel Talbo

    26 Ocak 2011
  • undrmyumbrellaa

    undrmyumbrel

    25 Temmuz 2012

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR