在前端开发中，我们经常需要对文本进行样式调整，使其更加美观。但是有一些情况下我们并不需要全部展现出来，比如说需要将某些敏感信息隐藏起来。这时候就需要用到CSS的隐藏功能了。

最常用的隐藏方式就是让元素不可见。在CSS中，我们可以使用display: none;来实现。但是这种方式对于屏幕阅读器和搜索引擎来说并不友好，因为它们无法识别这样的文本内容。所以我们需要选择其他方式进行隐藏。

另外一种方式是采用visibility: hidden;来进行隐藏。这种方式和display: none;类似，但是它可以保留元素的占位空间。也就是说，虽然文本看不到，但是在页面布局上占用的空间却依然存在。

还有一种方式是采用text-indent: -9999px;，这种方式会将文本移出视线范围。它将文本的缩进设置为一个非常大的负值，从而使其超出边界，从而达到了隐藏的效果。

.hidden{
display: none;
}
.invisible{
visibility: hidden;
}
.offscreen{
text-indent: -9999px;
}

通过以上三种方式，我们可以轻松地实现文本隐藏的效果。在具体使用时，我们需要根据实际情况选择合适的方式，以达到最佳的隐藏效果。