W3.CSS Padding
w3-padding-lớn
Tôi có đệm trên và dưới 12px và đệm trái và phải 24px.
Các lớp số đệm W3.CSS
Các lớp w3-padding- number thêm phần đệm trên cùng và dưới cùng vào bất kỳ phần tử HTML nào:
Lớp học | Xác định |
---|---|
w3-padding-16 | Thêm phần đệm trên và dưới 16px vào một phần tử |
w3-padding-24 | Thêm phần đệm trên và dưới 24px vào một phần tử |
w3-padding-32 | Thêm phần đệm trên và dưới 32px vào một phần tử |
w3-padding-48 | Thêm phần đệm trên và dưới 48px vào một phần tử |
w3-padding-64 | Thêm phần đệm trên và dưới 64px vào một phần tử |
Ví dụ:
w3-padding-16
Tôi có phần đệm trên và dưới 16px
w3-padding-24
Tôi có phần đệm trên và dưới 24px
w3-padding-32
Tôi có phần đệm trên và dưới 32px
w3-padding-48
Tôi có phần đệm trên và dưới 48px
w3-padding-64
Tôi có phần đệm trên và dưới 64px
Thí dụ
<div class="w3-panel w3-padding-16">
<p>I have 16px top and bottom padding.</p>
</div>
Các loại kích thước đệm W3.CSS
Các lớp w3-padding- size thêm phần đệm trên, dưới, phải và trái vào bất kỳ phần tử HTML nào:
Lớp học | Xác định |
---|---|
w3-padding | Thêm 8px trên cùng và dưới cùng và 16px padding trái và phải |
w3-padding-nhỏ | Thêm 4px trên cùng và dưới cùng và 8px padding trái và phải |
w3-padding-lớn | Thêm 12px trên cùng và dưới cùng, 24px trái và phải padding |
Ví dụ:
w3-padding-nhỏ
Tôi có đệm trên và dưới 4px và đệm trái và phải 8px.
w3-padding
Tôi có đệm trên và dưới 8px và đệm trái và phải 16px.
w3-padding-lớn
Tôi có đệm trên và dưới 12px và đệm trái và phải 24px.
Thí dụ
<div class="w3-panel w3-padding-large">
<p>I have 12px top and bottom padding and 24px left and right padding.</p>
</div>