W3.CSS Padding (填充)
2020-11-30 14:05 更新
W3.CSS Padding Number 类
w3-padding-number 类向任何 HTML 元素添加顶部和底部填充：
| 类 | 定义 |
|---|---|
| w3-padding-16 | 向元素添加 16px 顶部和底部填充 |
| w3-padding-24 | 向元素添加 24px 顶部和底部填充 |
| w3-padding-32 | 向元素添加 32px 顶部和底部填充 |
| w3-padding-48 | 向元素添加 48px 顶部和底部填充 |
| w3-padding-64 | 向元素添加 64px 顶部和底部填充 |
W3.CSS Padding Size 类
w3-padding-size 类向任何 HTML 元素添加上、下、左、右填充：
| 类 | 定义 |
|---|---|
| w3-padding
|
添加8px顶部和底部，以及 16px 左右填充 |
| w3-padding-small
|
添加顶部和底部的 4px，以及左侧和右侧的填充 8px |
| w3-padding-large
|
在顶部和底部分别添加 12px 和向左和向右填充 24px |
实例
<div class="w3-panel w3-padding-large">
<p>我拥有 12px 的顶部和底部填充和24像素的左右填充。</p>
</div>
尝试一下 »
点击“尝试一下”按钮查看在线实例
以上内容是否对您有帮助：
更多建议：