這篇文章主要介紹了css如何實現(xiàn)首行縮進2字符,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
我們提供的服務(wù)有:成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、上虞ssl等。為上千企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的上虞網(wǎng)站制作公司
1、首先應(yīng)用縮進CSS屬性:text-indent
2、單位準(zhǔn)確的選擇:
1)、px單位
如果知道字體大小,而且是固定的可以使用px作為縮進值單位。
如果字體大小在12px,設(shè)置text-indent:24px(24px左右即可)。
2)、em單位(強烈推薦)
em是相對長度單位
無論字體大小設(shè)置多少,em單位作為縮進樣式單位,即可自適應(yīng)實現(xiàn)要縮進文字長度。
text-indent:2em設(shè)置2em,就能實現(xiàn)無論字體大小設(shè)置多少,都能自適應(yīng)縮進2個字的距離空格效果。
3、縮進2個漢字位置實例
.f14{font-size:14px}
.f22{font-size:22px}
.sjlz{text-indent:2em}
剛好縮進2個漢字位置
剛好縮進2個漢字位置
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“css如何實現(xiàn)首行縮進2字符”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!