溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

css中text-indent可以設置為負值嗎

發布時間:2022-03-08 13:49:44 來源:億速云 閱讀:290 作者:小新 欄目:web開發

這篇文章給大家分享的是有關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可以設置為負值嗎”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

css
AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女