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

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

藏色散人
發布: 2023-01-05 16:10:45
原創
25485 人瀏覽過

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中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板