您好,登錄后才能下訂單哦!
這篇文章將為大家詳細(xì)講解有關(guān)css首行縮進沒有效果的原因及解決辦法,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
css首行縮進沒有效果的原因及解決辦法:1、元素不是塊級元素,其解決方法是通過“display:inline-block;”使標(biāo)簽擁有部分塊級元素的屬性;2、效果被優(yōu)先級更高的樣式覆蓋,其解決方法就是修改優(yōu)先級即可。
網(wǎng)頁排版中,首行縮進是很常用的效果,它使你的段落看起來更規(guī)范整潔!有時通過css設(shè)置首行縮進,卻沒有效果,這是什么原因造成的呢?
css中首行縮進使用text-indent屬性,它的值允許使用數(shù)字、百分比以及inherit。
css首行縮進無效的原因:
元素不是塊級元素
效果被優(yōu)先級更高的樣式覆蓋了。
解決方法:
1、確定標(biāo)簽是否為塊級元素,不是的可以通過display:inline-block;使它擁有部分塊級元素的屬性
2、查看是否是 !important 引起的無效問題 優(yōu)先級 !important > id > class > tag
使用示例:
p{ text-indent: 2em; }
縮進兩個漢字的寬度 text-indent:2em;
(em這個單位的意思就是相對文字大小,1em就是1個文字大小,2em就是兩個文字大?。?/p>
關(guān)于css首行縮進沒有效果的原因及解決辦法就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。