[分享]css3控制文本不显示

CSS3提供了很多实用的控制文本不显示的方法，这些方法可以用于实现一些特殊的效果。下面就让我们来看看CSS3控制文本不显示的方法。 color: transparent; textindent: 10...

CSS3提供了很多实用的控制文本不显示的方法，这些方法可以用于实现一些特殊的效果。下面就让我们来看看CSS3控制文本不显示的方法。

 color: transparent;
    text-indent: 100%;
    font-size: 0px;
    text-shadow: none;
    line-height: 0px;
    visibility: hidden; 

上面这些CSS3属性可以控制文本不显示，我们来分别看一下每个属性的作用。

color: transparent;

将文本的颜色设置为透明，这样文本就不会显示了。

text-indent: 100%;

将文本的缩进设置为与文本容器的宽度相等，这样文本就会被缩进到文本容器之外，看不见了。

font-size: 0px;

将文本的字号设置为0，这样文本就会变得非常小，看不见了。

text-shadow: none;

将文本的阴影设置为无，让文本消失不见。

line-height: 0px;

将文本的行高设置为0，这样文本就没有了行高，看不见了。

visibility: hidden;

将元素的可见性设置为隐藏，这样元素就会被隐藏，包括元素内的所有文本也会被隐藏。

总结一下，CSS3提供了多种让文本不显示的方法，我们可以根据自己的需要选择不同的方法来实现特殊的效果。