首頁  >  文章  >  web前端  >  css怎麼設定首行縮排2字符

css怎麼設定首行縮排2字符

藏色散人
藏色散人原創
2021-04-23 09:16:1525438瀏覽

css設定首行縮排2字元的方法:1、透過「h2{text-indent:24px;}」方式設定首行縮排2字元;2、透過「h2{padding-left: 24px;}”方式設定首行縮排2字元。

css怎麼設定首行縮排2字符

本文操作環境:windows7系統、HTML5&&CSS3版、Dell G3電腦。

關於首行縮排舉例如下(根據你頁面中字體的大小,如頁面中字體是12px,縮排2個字元就是24px):

方法1: h2{text -indent:24px;}

方法2:h2{padding-left:24px;}

建議使用規範的首行縮排屬性text-indent,

#text-indent 屬性:

text-indent屬性規定文字區塊中首行文字的縮排。

註解:允許使用負值。如果使用負值,那麼首行會被縮排到左邊。

屬性值:

length 定義固定的縮排。預設值:0。

% 定義基於父元素寬度的百分比的縮排。

inherit 規定應該從父元素繼承 text-indent 屬性的值。

【推薦學習:css影片教學

#

以上是css怎麼設定首行縮排2字符的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn