這篇文章將為大家詳細(xì)講解有關(guān)css首行縮進(jìn)沒有效果的原因及解決辦法,小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
讓客戶滿意是我們工作的目標(biāo),不斷超越客戶的期望值來自于我們對這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶,將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長期合作伙伴,公司提供的服務(wù)項(xiàng)目有:域名注冊、網(wǎng)頁空間、營銷軟件、網(wǎng)站建設(shè)、烏爾禾網(wǎng)站維護(hù)、網(wǎng)站推廣。
css首行縮進(jìn)沒有效果的原因及解決辦法:1、元素不是塊級元素,其解決方法是通過“display:inline-block;”使標(biāo)簽擁有部分塊級元素的屬性;2、效果被優(yōu)先級更高的樣式覆蓋,其解決方法就是修改優(yōu)先級即可。
網(wǎng)頁排版中,首行縮進(jìn)是很常用的效果,它使你的段落看起來更規(guī)范整潔!有時(shí)通過css設(shè)置首行縮進(jìn),卻沒有效果,這是什么原因造成的呢?
css中首行縮進(jìn)使用text-indent屬性,它的值允許使用數(shù)字、百分比以及inherit。
css首行縮進(jìn)無效的原因:
元素不是塊級元素
效果被優(yōu)先級更高的樣式覆蓋了。
解決方法:
1、確定標(biāo)簽是否為塊級元素,不是的可以通過display:inline-block;使它擁有部分塊級元素的屬性
2、查看是否是 !important 引起的無效問題 優(yōu)先級 !important > id > class > tag
使用示例:
p{ text-indent: 2em; }
縮進(jìn)兩個(gè)漢字的寬度 text-indent:2em;
(em這個(gè)單位的意思就是相對文字大小,1em就是1個(gè)文字大小,2em就是兩個(gè)文字大小)
關(guān)于css首行縮進(jìn)沒有效果的原因及解決辦法就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到。