geçersiz kılmaz. span
none
için text-decoration
setleri ise td
, text-decoration
underline
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ı
cevap
.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>
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.
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/
- 1. Twitter Bootstrap, <td>
- 2. Nasıl Hep <td>
- 3. TD
- 4. td
- 5. jquery içindeki metni bul <td>
- 6. HTMLAgilityPack bir td etiketinin iç öznitelik değerini
- 7. İlk <td> için bir <tr>
- 8. <td> tıklandığında Tablo <tr> alın
- 9. Merkezi bir td
- 10. Ana tablo etiketini bul td
- 11. ie7 td, ekstra dikey alana sahip
- 12. Bir işlevdeki td offSetWidth değerini
- 13. jQuery show/hide td
- 14. XSL kodunu <a> etiketine gömme
- 15. HTML - TD sınır IE7
- 16. ID ile Tabloda TD için CSS Seçici
- 17. $ rootScope değişkenini nasıl yazdırabilirim?</p> <pre><code><td><img src="{{$rootScope.s3BucketUrl}}"/></td> </code></pre> <p>ve bu onu tanımlanan nerede:
- 18. TD içinde radyo, genişlik ayarlanamıyor - tüm TD öğeleri eşit genişlik ve yok sayma genişliği stili
- 19. Javascript erişim TR dan TD
- 20. Metin dışındaki metni genişletme td
- 21. CSS tablo td vertical-align metin üstü
- 22. İletki e2e test tablosu üstbilgisi ve <tr>, <td> tags
- 23. HTML5'teki <svg> ve <td> arasındaki boşluk nasıl kaldırılır?
- 24. td alanına tıklayarak URL'ye yönlendirme
- 25. Tablo sınır sorunu, ardından inci, <code>position: relative:</code> td kullanılarak
- 26. jQuery - Bir kontrolün td hücre dizini al
- 27. <c:foreach> etiketi içinde
- 28. nedenleri Üzerinde aşağıdaki özellikleri ayarlayın ettik <code><div></code> içinde bir <code><p></code> etiketine sahip
- 29. jQuery/Javascript ile ters tablo td
- 30. Bir açıklık içinde bir konumlandırma
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@ 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/ –
Bu konuyu faydalı bulabilirsiniz: http://stackoverflow.com/questions/7113520/text-decorationnone-doesnt-remove-text-decoration –