首頁(yè)技術(shù)文章正文

什么是內(nèi)邊距？怎么樣給盒子模型設(shè)置內(nèi)邊距？

更新時(shí)間:2022年08月09日17時(shí)51分來(lái)源:傳智教育瀏覽次數(shù):

在網(wǎng)頁(yè)設(shè)計(jì)中，為了調(diào)整內(nèi)容在盒子中的顯示位置，常常需要給標(biāo)記設(shè)置內(nèi)邊距，所謂內(nèi)邊距是指標(biāo)記內(nèi)容與邊框之間的距離，也稱內(nèi)填充，內(nèi)填充不會(huì)影響標(biāo)記內(nèi)容的大小。在CSS中padding屬性用于設(shè)置內(nèi)邊距，同邊框?qū)傩詁order一樣，padding也是一個(gè)復(fù)合屬性，其相關(guān)設(shè)置方法如下。

padding-top：上內(nèi)邊距。

padding-right：右內(nèi)邊距。

padding-bottom：下內(nèi)邊距。

padding-left：左內(nèi)邊距。

padding：上內(nèi)邊距[右內(nèi)邊距下內(nèi)邊距左內(nèi)邊距]。

在上面的設(shè)置中，padding相關(guān)屬性的取值可為auto自動(dòng)(默認(rèn)值)、不同單位的數(shù)值、相對(duì)于父標(biāo)記(或?yàn)g覽器)寬度的百分比%，實(shí)際工作中最常用的是像素值(px)，像素值不允許使用負(fù)值。

L同邊框相關(guān)屬性一樣，使用padding屬性定義內(nèi)邊距時(shí)，必須按順時(shí)針順序采用值復(fù)制，一個(gè)值為四邊、兩個(gè)值為上下/左右，三個(gè)值為上/左右/下。

注意：如果設(shè)置內(nèi)外邊距為百分比，則不論上下或左右的內(nèi)外邊距，都是相對(duì)于父標(biāo)記寬度width的百分比，伴隨父標(biāo)記width的變化而變化，和高度height無(wú)關(guān)。

上一篇：CSS控制列表樣式的4個(gè)屬性 下一篇：前端培訓(xùn)：Ionic指令式組件和服務(wù)式組件