css讓首行文字縮進的方法

發(fā)布時間：2020-11-16 10:55:54 來源：億速云閱讀：305 作者：小新欄目：web開發(fā)

這篇文章主要介紹css讓首行文字縮進的方法，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

css讓首行文字縮進的方法：可以利用text-indent屬性來實現(xiàn)，如【text-indent:50px;】。text-indent屬性規(guī)定文本塊中首行文本的縮進，常用于建立一個標簽頁效果。

屬性介紹：

text-indent 屬性規(guī)定文本塊中首行文本的縮進。

注釋：允許使用負值。如果使用負值，那么首行會被縮進到左邊。

注意：在 CSS 2.1 之前，text-indent 總是繼承計算值，而不是聲明值。

屬性說明：

用于定義塊級元素中第一個內(nèi)容行的縮進。這最常用于建立一個“標簽頁”效果。允許指定負值，這會產(chǎn)生一種“懸掛縮進”的效果。

屬性值：

length    定義固定的縮進。默認值：0。    
%    定義基于父元素寬度的百分比的縮進。    
inherit    規(guī)定應該從父元素繼承 text-indent 屬性的值。

舉例：

p
  {  
      text-indent:50px;
  }

以上是css讓首行文字縮進的方法的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關知識，歡迎關注億速云行業(yè)資訊頻道！

向AI問一下細節(jié)

猜你喜歡