芒果小站

/* 336x280*/

芒果介绍过有利于 SEO 的背景 Logo 代码,其中谈到了用 CSS 的 text-indent 属性来隐藏文字的方法。顾名思义,text-indent 属性即为文本缩进,利用它能方便实现段落的首行缩进。

中文段落每段开始需要空两格,使用 text-indent 则只需定义 2em 的缩进值即可。此处的 em 指的是页面文字的大小,即对应 CSS 中的 font-size 属性。比如文字的大小为 12px,那么 2em 即等于 12px 的两倍,为 24px。

举例说明,先给出一段文本:

<p id="indent">文本缩进</p>

为样式 indent 定义属性:

#indent{text-indent:2em;}

这样每个段落无需输入空格,即可实现首行缩进效果。

/* 336x280*/
版权所有,转载请注明出处。
转载自 <a href="http://www.mangguo.org/use-css-realize-paragraph-first-line-indent/" title="用 CSS 实现段落首行缩进" rel="bookmark">用 CSS 实现段落首行缩进 | 芒果小站</a>

我简单说几句

随机推荐

最新评论