用CSS实现段落首（<div>或<p>）缩进两个字符

(2011-07-11 17:05:19)

转载▼

标签： 杂谈

分类： div css

用CSS实现段落首缩进两个字符

实现首行缩进的通用方法是加四个小角空格。

其实呢，用CSS样式来定义更为高效。

比如在style里定义如下缩进样式：

.suojin{text-indent:2em}

在需要缩进的地方使用class="suojin"即可，

比如用一个div定义一整块段落首先缩进，

凡在div区域里，

浏览器一碰上p语句（即一个新段的开始），

就会执行.suojin所定义的缩进。

也可以在正文中使用嵌入式CSS样式来定义，

下面举个实例（使用时请将尖括号改为小角尖括号）：

＜divstyle="text-indent:2em"＞
＜p＞段落一＜／p＞
＜p＞段落二＜/p＞
＜p＞段落三＜p＞
＜/div＞

两种方法各有长处短处,可根据需要决定使用哪一种方法。

注：div标签不要忘记起始符。text-indent只对p或div标签有效，对br标签不生效，原因是br标签是换行标签不是分段标签。