山海科技发展网

09月12日科技常识:css如何设置首行文字缩进

导读 摘要 今天小编跟大家讲解下有关css如何设置首行文字缩进 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关css如何设置首行...
摘要 今天小编跟大家讲解下有关css如何设置首行文字缩进 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关css如何设置首行文字缩

今天小编跟大家讲解下有关css如何设置首行文字缩进 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关css如何设置首行文字缩进 的相关资料,希望小伙伴们看了有所帮助。

在html网页中通常一段文字都需要设置首行缩进两个文字 使页面更加美观 我们可以通过css实现这一效果 下面我们就来看一下使用css设置首行文字缩进的方法。

css可以使用text-indent属性来设置首行文字缩进 我们可以通过设置text-indent属性的属性值来设置缩进的大小。

示例:

设置首行文字缩进两字符:

<html><head><style type="text/css">p {text-indent: 2em}</style></head><body><p>这是段落中的一些文本。这是段落中的一些文本。这是段落中的一些文本。这是段落中的一些文本。这是段落中的一些文本。这是段落中的一些文本。这是段落中的一些文本。这是段落中的一些文本。这是段落中的一些文本。这是段落中的一些文本。这是段落中的一些文本。这是段落中的一些文本。</p></body></html>text-indent属性说明:

text-indent属性规定文本块中首行文本的缩进。

注释:允许使用负值。如果使用负值 那么首行会被缩进到左边。

属性值:

length 定义固定的缩进。默认值:0。

% 定义基于父元素宽度的百分比的缩进。

inherit 规定应该从父元素继承 text-indent 属性的值。

来源:爱蒂网