隱藏HTML中的​​不是​​本身

Question

這必須是一個瘋狂的基本的問題，但對我的生活，我不能算出它現在...

我有一個<td class="hide">Some text</td>

我只想要隱藏<td>的裏面的文字/ HTML ，不是整個<td>本身。這怎麼能用CSS實現？

jsFiddle Example

*注

應用裏面的跨度等並不一定是一個選項。取而代之的

display: none; 

Answer 1

你可以嘗試

text-indent: -9999px; 

Answer 2

你可以這樣做：

$('.hide').css('color','rgba(0,0,0,0)');//will make the text transparent and retain the width 

或

$('.hide').text('');//will delete the text, not retaining the width 

或：

$('.hide').wrap('<span style="opacity:0">');//will use a span and retain the width 

JSFiddle

希望這有助於！

Answer 3

只是讓透明度如何？

opacity: 0.0;