您的位置:CSS5 > CSS笔记 >

阿里云 2核CPU 4G内存 3M带宽云服务器 669元/3年

html p左起开头空两个空格 P标签内文本空2格CSS

发布日期:2019-10-08 20:41:18 来源:CSS5

p标签内文本显示左起开头空2格,通过CSS来实现。通过CSS刚刚好空2格文字的位置,不多不少恰好两个字宽度空格。

CSS属性英文词:

text-indent

刚好2格,值为2em。

text-indent:2em

如果p有父级div,可以对这个父级div的类设置text-indent:2em即可,如果直接对p设置也可以。

文章段落p左起空两个标准设置方法:

CSS和HTML代码

.kge{ text-indent:2em}

<div class="kge">
<p>文章段落<br />换行内容看看是否起始空2格</p>
<p>文章段落<br />换行内容看看是否起始空2格</p>
</div>

效果截图

html p左起开头空两个空格 P标签内文本空2格CSS
css设置p开头空两格

以上CSS还可以这样设置,效果和作用相同,见下代码。

.kge p{ text-indent:2em}

设置p标签文本缩进空两个文字空格位置宽度。

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

作者:CSS5原创

上一页:上一篇:html如何让p标签并排_多个p同行布局
下一页:下一篇:p段落前两个字缩进css代码