css text-indent属性怎么用


本文摘自PHP中文网,作者青灯夜游,侵删。

css text-indent属性用于规定文本块中首行文本的缩进;语法为text-indent : length | % 。该属性允许使用负值;如果使用负值,那么首行会被缩进到左边。

css text-indent属性怎么用

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

语法:

1

text-indent : length | % ;

属性值:

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

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

注释:允许使用负值。如果使用负值,那么首行会被缩进到左边。在 CSS 2.1 之前,text-indent 总是继承计算值,而不是声明值。

说明:text-indent 属性用于定义块级元素中第一个内容行的缩进。这最常用于建立一个“标签页”效果。允许指定负值,这会产生一种“悬挂缩进”的效果。

css text-indent属性 示例

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<style type="text/css">

div {

width: 400px;

border: 1px solid #000;

padding: 10px;

text-indent: 1cm

}

</style>

</head>

<body>

<div>

php中文网

php中文网

php中文网

php中文网

php中文网

php中文网

php中文网

php中文网

php中文网

php中文网

</div>

</body>

</html>

效果图:

1.jpg

以上就是css text-indent属性怎么用的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css中有哪些属性可以继承

css如何设置不透明

css隐藏移动端滚动条并平滑滚动(代码示例)

jq如何判断css是否存在

css声明语句总是以什么结束

css继承样式有哪些

了解css中容易被忽略特性,避免一些经常遇到的坑

css不生效是什么原因

vs中css缩进设置如何调整

css中device-width与width有什么区别

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    暂无评论...