css怎么首行缩排

html-css05

css怎么首行缩排,第1张

css怎么首行缩排 把 Web 页面上的段落的第一行缩排,这是一种最常用的文字格式化效果。CSS 提供了 text-indent 属性,该属性可以方便地实现文字缩排。

通过使用 text-indent 属性,所有元素的第一行都可以缩排一个给定的长度,甚至该长度可以是负值。这个属性最常见的用途是将段落的首行缩排。

如下面这个示例,会使首行缩排2em及两个汉字字元。

p {text-indent: 2em}

首行缩排2字元怎么设定 css

首行缩排2字元,可以使用CSS属性中的【text-indent】进行设定。

设定程式码如下:

<!DOCTYPE PUBLIC "-W3CDTD XHTML 1.0 TransitionalEN" ":w3./TR/x1/DTD/x1-transitional.dtd">

<xmlns=":w3./1999/x">

<head>

<meta -equiv="Content-Type" content="text/charset=utf-8" />

<title>缩排2字元</title>

<style type=text/css>

p{ text-indent:2em}

</style>

</head>

<body>

<p>首行缩排2字元的案例展示如下。需要多写几行看效果,需要多写几行看效果,需要多写几行看效果,需要多写几行看效果,需要多写几行看效果,需要多写几行看效果,需要多写几行看效果。</p>

</body>

</>

把 Web 页面上的段落的第一行缩排,这是一种最常用的文字格式化效果。

CSS 提供了 text-indent 属性,该属性可以方便地实现文字缩排。

通过使用 text-indent 属性,所有元素的第一行都可以缩排一个给定的长度,甚至该长度可以是负值。

这个属性最常见的用途是将段落的首行缩排。

所以在div中要使文字首行缩排可以这样写(假设div的class类名为text):

.text{text-indent:2em}

这样就可以实现首行文字缩排两个中文字元。

可以使用{text-indent:2em}进行首行缩排。

定义:

text-indent 属性规定文字块中首行文字的缩排。

注意点:

text-indent 可以使用px、rem、em作为缩排单位。区别如下:

1、px是缩排固定的画素距离,不会根据应用到的元素字型的大小而调整。

2、rem根据根元素设定的字号,缩排固定的距离,不会根据应用到的元素字型的大小而调整。

3、em会根据应用到的元素字型的大小来调整距离。

如:

p{text-indent:2emfont-size:18px}这种写法不管p里面的字号设定多大,p的首行总会缩排2个字的距离。也就是2*fontSize的距离p{text-indent:20pxfont-size:18px}假如p的字号改变为40px,那首行的缩排依然还是20px

关于首行缩排举例如下(根据你页面中字型的大小,如页面中字型是12px,缩排2个字元就是24px):

方法1: h2{text-indent:24px}

方法2:h2{padding-left:24px}

建议使用规范的首行缩排属性text-indent,谢谢!

css 首行缩排2字元怎么设定

你好使用css实现首行缩排其实很简单,使用text-indent属性即可。但是如果要缩排几个字元可以使用em单位,一般而言中文段首是缩排两个汉字,可以这么写:p { text-indent: 2em}自然,如果缩排两个字元(即:一个汉字),就可以这么写:p { text-indent: 1em}希望对你有帮助,如有疑问,请追问。望采纳~~

你好使用css实现首行缩进其实很简单,使用text-indent属性即可。但是如果要缩进几个字符可以使用em单位,一般而言中文段首是缩进两个汉字,可以这么写:123p

{

text-indent:

2em}自然,如果缩进两个字符(即:一个汉字),就可以这么写:123p

{

text-indent:

1em}希望对你有帮助,如有疑问,请追问。望采纳~~

html首行缩进2字符,可以使用CSS属性中的【text-indent】进行设置。

设置代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>缩进2字符</title>

<style type="text/css">

p{ text-indent:2em}

</style>

</head>

<body>

<p>首行缩进2字符的案例展示如下。需要多写几行看效果,需要多写几行看效果,需要多写几行看效果,需要多写几行看效果,需要多写几行看效果,需要多写几行看效果,需要多写几行看效果。</p>

</body>

</html>