将Html隐藏在一个不是自己的内部

Question

这必须是一个疯狂的基本问题，但对于我的生活，我现在无法理解......

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

我只想隐藏<td>内的 整个<td>本身。如何用CSS实现这一点？

jsFiddle Example

*注

在其中应用跨度等不一定是一种选择。

Answer 1

而不是

display: none;

你可以尝试

text-indent: -9999px;

Answer 2

让它变得透明怎么样？

opacity: 0.0;

Answer 3

您可以这样做：

$('.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

希望这有帮助！