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

  • Caina Mondo Zine

    Caina Mondo

    13 EKİM 2007
  • How It Should Have Ended

    How It Shoul

    5 Mart 2007
  • YouChewBu

    YouChewBu

    26 Ocak 2009

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR