1. 程式人生 > >每天CSS學習之text-indent

每天CSS學習之text-indent

span src es2017 們的 css 現在 元素 png 技術分享

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