欢迎您访问365答案网,请分享给你的朋友!
生活常识 学习资料

首行缩进两个汉字代码怎么写,首行缩进两个汉字代码怎么写的

时间:2023-02-08 17:23:02

css首行缩进2字符怎么设置篇1

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

2、输入图中内容:

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

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

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

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

7、接下来添加样式,这里我们使用内联样式,给P标签添加样式:style="text-indent:2em;"

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

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

首行缩进2字符怎么设置css篇2

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

代码如下:

<styletype="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样式来定义,下面举个实例(使用时请将尖括号改为小角尖括号):

<divstyle="text-indent:2em">

<p>;段落一</p>

<p>;段落二</p>

<p>;段落三<p>

</div>

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

首字缩进2个字符怎么用css样式注释篇3

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

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

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

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

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

.text{text-indent:2em;}

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

Copyright © 2016-2020 www.365daan.com All Rights Reserved. 365答案网 版权所有 备案号:

部分内容来自互联网,版权归原作者所有,如有冒犯请联系我们,我们将在三个工作时内妥善处理。