這篇文章給大家分享的是有關(guān)css中text-indent可以設(shè)置為負(fù)值嗎的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

站在用戶的角度思考問題，與客戶深入溝通，找到南山網(wǎng)站設(shè)計與南山網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：做網(wǎng)站、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、國際域名空間、網(wǎng)頁空間、企業(yè)郵箱。業(yè)務(wù)覆蓋南山地區(qū)。

text-indent 還可以配置為負(fù)值。利用這類妙技，可以實現(xiàn)得多乏味的成效，譬如“吊掛縮進(jìn)”，即第一行懸掛在元素中余下部門的右側(cè)：

p {text-indent: -5em;}

不過在為 text-indent 設(shè)置裝備擺設(shè)負(fù)值時要留神，假如對一個段落配置了負(fù)值，那末首行的某些文本或許會超過跨過瀏覽器窗口的左要地。為了抗御泛起這種表示標(biāo)題，倡議針對負(fù)縮進(jìn)再設(shè)置一個外邊距或一些內(nèi)邊距：

p {text-indent: -5em; padding-left: 5em;}

使用百分比值

text-indent 可應(yīng)用全體長度單位，囊括百分比值。

百分?jǐn)?shù)要相關(guān)于縮進(jìn)元素父元素的寬度。換句話說，如果將縮進(jìn)值設(shè)置為 20%，所影響元素的第一行會縮進(jìn)其父元素寬度的 20%。

不才例中，縮進(jìn)值是父元素的 20%，即 100 個像素：

div {width: 500px;}
p {text-indent: 20%;}


this is a paragragh

秉承

text-indent 屬性可以秉持，請思量以下標(biāo)記：

div#outer {width: 500px;}
div#inner {text-indent: 10%;}
p {width: 200px;}


some text. some text. some text.
this is a paragragh.