TEXT-INDENT

最新推荐文章于 2025-05-28 17:00:33 发布

张棺儿zz

最新推荐文章于 2025-05-28 17:00:33 发布

阅读量4.4k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： css 文章标签： css css3 html

本文链接：https://blog.csdn.net/zhangguaner/article/details/125298646

css 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了CSS中的text-indent属性，通常用于设置段落首行缩进，但也可通过负值实现文字隐藏。在divcss布局中，text-indent:-999px或-9999px常用来隐藏a标签内的文字，保持背景图片显示，同时保留超链接功能。这种方法在创建仅显示图标背景的链接时非常实用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

text-indent:
1、text-indent是CSS缩进功能，一般设置文字缩进两个文字字符。比如一般文章段落习惯设置每段首行开头文字内容缩进两个汉字位置来实现文章排版。
2、div css布局中text-indent:-999px或text-indent:-9999px作用介绍
text-indent:-999px和text-indent:-9999px功能一样的，其实设置这两个任意一个都是实现将内容往左托出999px或9999px远（缩进-999px或-9999px）这样盒子内就不见内容了。

3、text-indent:-999px和text-indent:-9999px常见应用场景：
一般我们布局图标时，会使用图片设置为对象背景，然后使用a超链接放文字，如果不设置text-indent:-999px这样图片背景上就能看见超链接文字，
但是我们只想显示背景图片又要有超链接，这个时候对a设置text-indent:-9999px或text-indent:-999px，这样A盒子里文字就隐藏掉了，但是超链接也被保留了。