首行缩排2字元,可以使用CSS属性中的【text-indent】进行设定。设定程式码如下: < xmlns=":w3./1999/x"> 缩排2字元 p{ text-indent:2em;} 首行缩排2字元的案例展示如下。需要多...
css怎么首行缩排
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:2em;font-size:18px;}这种写法不管p里面的字号设定多大,p的首行总会缩排2个字的距离。也就是2*fontSize的距离 p{text-indent:20px;font-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;}希望对你有帮助,如有疑问,请追问。望采纳~~2022-10-30