Rumah >hujung hadapan web >tutorial css >css text-indent属性怎么用
css text-indent属性怎么用
- 青灯夜游asal
- 2019-05-27 17:45:195054semak imbas
css text-indent属性用于规定文本块中首行文本的缩进；语法为text-indent : length | % 。该属性允许使用负值；如果使用负值，那么首行会被缩进到左边。
css text-indent属性怎么用？
text-indent 属性规定文本块中首行文本的缩进。
语法：
text-indent : length | % ;
属性值：
length：定义固定的缩进。默认值：0。
%：定义基于父元素宽度的百分比的缩进。
注释：允许使用负值。如果使用负值，那么首行会被缩进到左边。在 CSS 2.1 之前，text-indent 总是继承计算值，而不是声明值。
说明：text-indent 属性用于定义块级元素中第一个内容行的缩进。这最常用于建立一个“标签页”效果。允许指定负值，这会产生一种“悬挂缩进”的效果。
css text-indent属性 示例
<!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>效果图：
Atas ialah kandungan terperinci css text-indent属性怎么用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css box-pack属性怎么用Artikel seterusnya：css box-shadow属性怎么用