每天CSS學習之text-indent

標籤：css   技術   作用   bsp   color   pre   img   自己   --   

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