头闻号

新乡市三圆堂机械有限公司

陶瓷生产加工机械|金属粉末|选矿设备|食品、饮料加工设备|过滤设备|分离设备

首页 > 新闻中心 > 科技常识:css如何设置首行文字缩进
科技常识:css如何设置首行文字缩进
发布时间:2024-09-22 07:30:07        浏览次数:8        返回列表

今天小编跟大家讲解下有关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 属性的值。

来源:爱蒂网