您的位置:CSS5 > CSS笔记 >

html每个段落文字空两个字节文字方法

发布日期:2020-02-14 21:58:05 来源:WWW.CSS5.COM.CN

html布局每个段落前空两个字位置,段落第一行的文字内容前空两个字节。

首先这个叫缩进。

使用css 缩进样式即可实现:

text-indent

每个段落缩进1个字节:

text-indent:1em

每个段落缩进2个字节:

text-indent:2em

一般对文章正文p标签父级div设置缩进即可实现,p的缩进段落前空两个字节的位置。

实例如下,可以拷贝代码试一试:

1、CSS代码

.kong{ text-indent:2em}

2、html代码

<div class="kong">
<p>
p段落第一排<br />
第二排内容
</p>
<p>
第二个段落第一批<br />
第二批内容
</p>
</div>

为了看到效果,就使用br换行标签,看看p第一排是否缩进空2个字位置。

3、截图

p段落每行开头空2个文字位置
p段落每行开头空2个文字位置

这一个技巧就是,对p父级div设置段落缩进样式即可,如果直接只对p设置,那么html网页中其它地方使用p标签元素也会被影响。

标签(Tag): 段落 空格 缩进
本文分享URL地址:https://www.css5.com.cn/biji/1621.shtml

作者:CSS5

上一页:上一篇:段落p标签换行间距太大如何变小一点
下一页:下一篇:div加边框样式