导读 摘要 今天小编跟大家讲解下有关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 属性的值。
来源:爱蒂网
版权声明:本文由用户上传,如有侵权请联系删除!