首行缩进两个汉字代码怎么写 - 首行缩进2字符怎么设置css

使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。

代码如下：

<style type="text/css">

p{

text-indent: 2em; /*em是相对单位，2em即现在一个字大小的两倍*/

}

</style>

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

用CSS实现段落首缩进两个字符，实现首行缩进的通用方法是加四个小角空格。

在style里定义如下缩进样式：.suojin{text-indent:2em}

在需要缩进的地方使用class="suojin"即可，比如用一个div定义一整块段落首先缩进，

凡在div区域里，浏览器一碰上p语句（即一个新段的开始），就会执行.suojin所定义的缩进。

也可以在正文中使用嵌入式CSS样式来定义，下面举个实例（使用时请将尖括号改为小角尖括号）：

<div>

<p>；段落一</p>

<p>；段落二</p>

<p>；段落三<p>

</div>

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

1、打开Notepad++，新建一个文件

2、输入图中内容：

3、保存为：css.html，当然你也可以使用其它的名字，但扩展名需要使用.htm或.html

4、选择文件的保存位置，点击保存按钮

5、然后添加一个标签，输入一段用来测试的文本。

6、使用浏览器打开查看显示样式，现在还没有缩进。

7、接下来添加样式，这里我们使用内联样式，给P标签添加样式：

8、再刷新刚刚打开的网页看效果，是不是缩进了两个字符啊！

这里我们是使用em这个单位来缩进了两个字符，你也可以使用px作为单位来缩进指定的像素。

以前在远标学过把 Web 页面上的段落的第一行缩进，这是一种最常用的文本格式化效果。

CSS 提供了 text-indent 属性，该属性可以方便地实现文本缩进。

通过使用 text-indent 属性，所有元素的第一行都可以缩进一个给定的长度，甚至该长度可以是负值。

这个属性最常见的用途是将段落的首行缩进。

所以在div中要使文本首行缩进可以这样写（假设div的class类名为text）:

.text{text-indent:2em;}

这样就可以实现首行文本缩进两个中文本符。