text-indent属性定义
text-indent 属性规定文本块中首行文本的缩进。允许使用负值。如果使用负值,那么首行会被缩进到左边。
text-indent属性值
length 定义固定的缩进。默认值:0。(可以用像素px,也可以用em单位,1em=16px=12pt)
% 定义基于父元素宽度的百分比的缩进。
inherit 规定应该从父元素继承 text-indent 属性的值。
代码实现过程
<!DOCTYPE html>
<html>
<head>
<title>css教程</title>
<style type="text/css">
.zhez{
text-indent: 0.5em;
}
</style>
</head>
<body>
<div class="zhez"> 文本</div>
</body>
</html>
实现效果

注意事项
1 实际上,text-indents属性是有它的局限性的,他在行内元素中会失效,行内元素是什么呢?大家可能并不是很了解,这里简单说一下,所谓行内元素就是没有自己的空间,它不受height、width的控制,即使你设置无限宽,它还是一动不动,解决这种问题的方法就是嵌套在其他块级元素中,当然利用margin属性及padding属性yekeyi解决。
2 text-indent 属性允许是负值,如果是负值的话,那么就是向左靠拢。
text-align属性详解
text-align定义
text-align 属性规定元素中的文本的水平对齐方式。
text-align属性值
left 把文本排列到左边。默认值:由浏览器决定。
right 把文本排列到右边。
center 把文本排列到中间。
justify 实现两端对齐文本效果。
inherit 规定应该从父元素继承 text-align 属性的值。
由于比较简单,这里不再一一讲解,重点是justify值,这个在中文中可能并不是很明显,但是在英文当中很是实用,因为这样看起来更加的美观。
text-align:justify的实现效果如下:

同样的,text-align同样只适用于块级元素。
顶一下
(0)
踩一下
(0)