html中如何实现段落首行悬挂?

收藏
CSS/CSS3
3
Mar 19, 2018

html中如何实现段落首行悬挂?

回答

云松回答

问题分析及解答:

一般我们需要对文章段落进行首行缩进的时候,都是使劲的按空格键。现在学会了HTML和CSS后,想要在段落前面空两个字的距离,可不要再不停按空格键了,可以用CSS来实现段落首缩进两个字符的效果。这里我们需要使用 首行缩进CSS代码  text-indext 。

text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字的距离。在这里我们需要了解一种长度单位em。em是相对长度单。相对于当前对象内文本的字体尺寸。我们中文段落一般每段前空两个汉字。实际上,就是首行缩进了2em。代码如下:


<style type="text/css"> 
p{  
text-indent: 2em; /*em是相对单位,2em即现在一个字大小的两倍*/  
}  
</style> 
<p>
相对单位,2em即现在一个字大小的两倍em是相对单位,2em即现在一个字大小的两倍em是相对单位,2em即现在一个字大小的两倍em是相对单位,2em即现在一个字大小的两倍
</p>

 

(0)

提交成功