包含text-indent的词条

text indent是什么意思

text-indent 属性规定文本块中首行文本的缩进。

注释：允许使用负值。如果使用负值，那么首行会被缩进到左边。

例如：

p {text-indent: 1cm}

为什么text-indent隐藏文字

CSS技巧以图片替换文字是DIV+CSS布局中常用的一种手段，图片比文字效果更好，为了达到这个目的，我们使用CSS的text-indent属性来实现；

例如：某些文字标题是用图片来表达的。但写一个img标签实在不雅，为了照顾搜索引擎，我们使用浏览器障眼法，利用text-indent将文字隐藏；

下面请看：

CSS部分：

h3 a{background:url(/images/logo4.gif) left top no-repeat;width:270px;height:

90px;text-indent:270px; white-space:nowrap; overflow:hidden;}

HTML部分：

h3a href="#"网页之家/a/h4

但你会发现，在IE6、IE7中，没有得到期望的效果，背景图片和文字都被隐藏了（其它的未做测试），解决办法至少有两个：

1： 将display:inline-block;改为display:block;

2：去掉display:inline-block;属性，加float:left;属性。

css中text-indent 详细解释下 什么意思 怎么用

css中的text-indent用于设置首行缩进，用法如下。

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的style标签中，输入css代码：body { text-indent: 50px;}。

3、浏览器运行index.html页面，此时成功设置了首行缩进是50px大小。

hspace和text-indent都是从左边空两格出来,到底有什么区别

先看下w3c对它们的定义：

text-indent规定文本块首行的缩进。

img 标签的 hspace 和 vspace 属性可以设置图像周围的空间。

区别：

1、text-indent是CSS样式，主要应用于文本标签；而hspace是html标签中的属性（只作用于img标签）。

2、text-indent设置的是段落的首行缩进，也就是只有第一行的文字会缩进，而且只有一边缩进；hspace设置的是图像两边的间距，也就是说当hspace="30"的时候，其实是图像两边都留出30像素的间距。

text-indent最常用的单位是什么

最常用单位是em，em指的是文字的倍数。

假设当前的段落字体大小是16像素，如果希望一个个段落的文字能够“首行缩进”两个“字符”，可以使用text-indent：32px，也可以使用text-indent：2em。设置之后，假设段落字体大小调整为14像素，如果之前设置缩进时使用的值是“32px”，此时就需要修改为“28px”，如果之前设置缩进时使用的值为“2em”,此时不需要任何变化。