想要把文本隐藏在终端块状元素里而不隐藏元素本身。不想在文档中插入任何额外的标记。希望文本可被屏幕器阅读。 想要确定高度和宽度，这样可以显示一幅背景图像来代替文本。下面我们给大家介绍一下HTML隐藏文本的方法吧!

解决方案

可以使用text-indent:-9999px将文本从屏幕上移走，这样它就看不见了。

n    可以使用text-align:left来确保块状元素没有继承text-align的另一个值。这一点是很重要的，因为只有当文本在左侧排成一行时，text-indent才会正常工作。

n    可以使用width和height设置元素的大小来显示背景图像。

n    可以使用text-align将文本移到左侧或右侧--远离背景图像。

模式

TERMINAL_BLOCK_SELECTOR {

text-indent:-9999px;

text-align:left;

width:+VALUE;

height:+VALUE;

background-image:url("FILE.EXT");

background-repeat:VALUE;

background-position:H V; }

适用范围

此模式适用于任何终端块状元素。

局限

这种设计模式只能用在终端块状元素(比如段落)，不能用于内联元素。如果浏览器不能显示背景图像，用户就什么也看不见。

提示

如果可以插入一个极小的额外标识，文本替换设计模式就会好多了。

以上就是我们给大家介绍的HTML隐藏文本的方法了。希望大家继续关注我们的网站!