CSS中的padding屬性是用來設置元素內邊距的,它的單位有很多種,下面我們來一一介紹。
padding: 10px; /* 表示四個方向都是10px */ padding: 10px 20px; /* 表示上下10px左右20px */ padding: 10px 20px 30px; /* 表示上10px左右20px下30px */ padding: 10px 20px 30px 40px; /* 表示上10px右20px下30px左40px */
1. px
padding: 10px;
效果如下:
我是一個div,我有10px的內邊距
2. em
padding: 1em;
效果如下:
我是一個div,我有1em的內邊距
3. %
padding: 10%;
效果如下:
我是一個div,我有10%的內邊距
4. rem
padding: 2rem;
效果如下:
我是一個div,我有2rem的內邊距
5. vw/vh
padding: 10vw 5vh;
效果如下:
我是一個div,我有10vw的頂部和底部內邊距,5vh的左右內邊距
6. auto
padding: auto;
效果如下:
我是一個div,我的內邊距會自動計算
上一篇vue怎么查看效果
下一篇html點擊退出代碼