這篇文章給大家分享的是有關css中text-indent可以設置為負值嗎的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
text-indent 還可以配置為負值。利用這類妙技,可以實現得多乏味的成效,譬如“吊掛縮進”,即第一行懸掛在元素中余下部門的右側:
p {text-indent: -5em;}
不過在為 text-indent 設置裝備擺設負值時要留神,假如對一個段落配置了負值,那末首行的某些文本或許會超過跨過瀏覽器窗口的左要地。為了抗御泛起這種表示標題,倡議針對負縮進再設置一個外邊距或一些內邊距:
p {text-indent: -5em; padding-left: 5em;}
text-indent 可應用全體長度單位,囊括百分比值。
百分數要相關于縮進元素父元素的寬度。換句話說,如果將縮進值設置為 20%,所影響元素的第一行會縮進其父元素寬度的 20%。
不才例中,縮進值是父元素的 20%,即 100 個像素:
div {width: 500px;} p {text-indent: 20%;} <div> <p>this is a paragragh</p> </div>
text-indent 屬性可以秉持,請思量以下標記:
div#outer {width: 500px;} div#inner {text-indent: 10%;} p {width: 200px;} <div id="outer"> <div id="inner">some text. some text. some text. <p>this is a paragragh.</p> </div> </div>
以上標識表記標幟中的段落也會縮進 50 像素,這是由于這個段落秉承了 id 為 inner 的 div 元素的縮進值。
感謝各位的閱讀!關于“css中text-indent可以設置為負值嗎”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。