首页 > Web开发 > 详细

每天CSS学习之text-indent

时间:2017-08-21 23:28:17      阅读:170      评论:0      收藏:0      [点我收藏+]

text-indent是CSS的一个属性,其作用是定义首行文本的缩进。其值如下:

1、length:首行缩进固定的长度。默认值为0。

设置 首行缩进2em的长度。

            div{
                width:300px;
                text-align:justify;    
                text-indent:2em;
            }

结果:

技术分享

 

2、百分比:定义首行文本基于父元素宽度的百分比的缩进。如下所示:

<div style="width:160px">
  <div style="width:300px;text-align:justify;text-indent:10%;"> 燕子去了,有再来的时候;杨柳枯了,有再青的时候;桃花谢了,有再开的时候。但是,聪明的,你告诉我,我们的日子为什么一去不复返呢?---是有人偷了他们罢:那是谁?又藏在何处呢?是他们自己逃走了罢:现在又到了哪里呢?
  </div>
</div>

结果:

技术分享

 

每天CSS学习之text-indent

原文:http://www.cnblogs.com/williamwsj/p/7407227.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!