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放上面js放下面

css怎么把横着的字竖起来

css 布局之两端布局实现

css right属性怎么用

css怎么设置字体颜色

css超链接怎么使其失效

css代表什么意思

使用css实现自适应标题浮动效果(代码实例)

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




打赏

取消

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

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

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

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

评论

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