CSS中padding-top和padding-left屬性有哪些區(qū)別

本文小編為大家詳細(xì)介紹“CSS中padding-top和padding-left屬性有哪些區(qū)別”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“CSS中padding-top和padding-left屬性有哪些區(qū)別”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來(lái)學(xué)習(xí)新知識(shí)吧。

CSS 中padding-top和padding-left 屬性的區(qū)別

CSS padding-top屬性

定義和用法

padding-top屬性設(shè)置元素的上內(nèi)邊距（空間）。

說(shuō)明

該屬性設(shè)置元素上內(nèi)邊距的寬度。行內(nèi)非替換元素上設(shè)置的上內(nèi)邊距不會(huì)影響行高計(jì)算，因此，如果一個(gè)元素既有內(nèi)邊距又有背景，從視覺(jué)上看可能延伸到其他行，有可能還會(huì)與其他內(nèi)容重疊。不允許指定負(fù)內(nèi)邊距值。

注釋?zhuān)翰辉试S使用負(fù)值。

實(shí)例

設(shè)置p元素的上內(nèi)邊距：

p  {  padding-top:2cm;  }

瀏覽器支持

所有主流瀏覽器都支持padding-top屬性。

注釋?zhuān)喝魏蔚陌姹镜腎nternetExplorer（包括IE8）都不支持屬性值"inherit"。

可能的值

CSS padding-left 屬性

定義和用法

padding-left 屬性設(shè)置元素左內(nèi)邊距（空白）。

說(shuō)明

該屬性設(shè)置元素左內(nèi)邊距的寬度。行內(nèi)非替換元素上設(shè)置的左內(nèi)邊距僅在元素所生成的***個(gè)行內(nèi)框的左邊出現(xiàn).

注釋?zhuān)翰辉试S使用負(fù)值。

實(shí)例

設(shè)置 p 元素的左內(nèi)邊距：

p    {    padding-left:2cm;    }

瀏覽器支持

所有主流瀏覽器都支持 padding-left 屬性。

注釋?zhuān)喝魏蔚陌姹镜?Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。

可能的值

讀到這里，這篇“CSS中padding-top和padding-left屬性有哪些區(qū)別”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過(guò)才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道。