2013-08-28 19 views
5

geçersiz kılmaz. spannone için text-decoration setleri ise td, text-decorationunderline için ayarlamak için CSS ile bir sınıf vardır. Metnin altı çizilmemesi için span içinde olmasını bekliyorum, ancak bir nedenden ötürü. Niye ya? Açıklık iç td Ben <code>td</code> içinde bir <code>span</code> etiketine sahip td tarzı

+6

yayılma;:

de demo bakın Tablo hücresi hala alt çizgiye sahiptir. Başka bir deyişle, alt çizgi, yayılma yerine hücreye uygulanır, dolayısıyla yayılma kuralınızın fark edilebilir bir etkisi yoktur. – j08691

+0

@ j08691 yorumuna ek olarak, sadece "text-decoration: overline;" ifadesini ayarlamaya çalışın, birlikte * underlne * ve * overline * 'ı birlikte göreceksiniz: http://jsfiddle.net/hashem/mfV5V/3/ –

+0

Bu konuyu faydalı bulabilirsiniz: http://stackoverflow.com/questions/7113520/text-decorationnone-doesnt-remove-text-decoration –

cevap

6

.u { 
 
    text-decoration: underline; 
 
} 
 

 
.no-u { 
 
    text-decoration: none !important; 
 
}
<table> 
 
    <tr> 
 
     <td class="u"> 
 
      <span class="no-u" style="text-decoration: none !important;">My Text</span> 
 
     </td> 
 
    </tr> 
 
</table>

torunları için altı çizili stil kaldırılamaz.

http://www.w3.org/TR/CSS21/text.html#lining-striking-props

soyundan elemanlarında 'text-decoration niteliği atanın dekorasyon üzerinde herhangi etkisi olamaz.

0

CSS2 spec, http://www.w3.org/TR/CSS21/text.html#lining-striking-props göre: bir satır içi biçimlendirme bağlamı oluşturmak blok kaplar için

, süslemeler tüm akış satıriçi seviyeden çocukları sarar anonim satır içi elemana yayılır blok kabının

Bu, herhangi bir yazı ve <b>, <em> ve <span> gibi herhangi bir satır içi eleman tüm anonim içi kutu sarılmış metin dekorasyon uygulandığı anlamına gelir.

Hatta çocuk inline-eleman durumunda, sahip hem altı çizili ve metnin bir yayılma görünen overline sağlayan başka bir metin dekorasyon uygulayabilirsiniz. Bu durumda, bir anonim satır içi çizgi üzerinde alt çizgi çizilir ve üst çizgi ikinci (iç içe) anonim bir satır içi kutuda boyanır.

Bu örnekte, td öğesi blok konteyner gibi davranır. Ancak, bu inline-blocks için geçerli değildir. Bir alt çizgi yoktur http://jsfiddle.net/audetwebdesign/MSUHx/