将HTML隐藏在 <td> 不是 <td> 本身

Question

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

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

我只想隐藏<td> 内部的TEXT / HTML，而不是整个<td>本身。 CSS如何实现？

jsFiddle示例

*注意

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

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

希望这可以帮助！