最适合网络开发者的网站
W3CSS。初学者课程

尿素

W3.CSS 填充


w3-padding-大

我有 12px 顶部和底部填充以及 24px 左侧和右侧填充。


W3.CSS 填充数字类

w3-填充-数字 类为任何 HTML 元素添加顶部和底部填充:

班级 定义
w3-填充-16 为元素添加 16px 的顶部和底部填充
w3-填充-24 为元素添加 24px 的顶部和底部填充
w3-填充-32 为元素添加 32px 的顶部和底部填充
w3-填充-48 为元素添加 48px 的顶部和底部填充
w3-填充-64 为元素添加 64px 的顶部和底部填充

例子:

w3-填充-16

我有 16px 顶部和底部填充

w3-填充-24

我有 24px 顶部和底部填充

w3-填充-32

我有 32px 顶部和底部填充

w3-填充-48

我有 48px 顶部和底部填充

w3-填充-64

我有 64px 顶部和底部填充

例子

<div class="w3-panel w3-padding-16">
<p>我有 16px 顶部和底部填充。</p>
</div>
亲自尝试 »

W3.CSS 填充大小类

w3-填充-尺寸 类将顶部、底部、右侧和左侧填充添加到任何 HTML 元素:

班级 定义
w3-填充 添加顶部和底部 8px 以及左侧和右侧 16px 填充
w3-padding-小 添加 4px 顶部和底部填充以及 8px 左侧和右侧填充
w3-padding-大 添加 12px 顶部和底部填充以及 24px 左侧和右侧填充

例子:

w3-padding-小

我有 4px 顶部和底部填充以及 8px 左侧和右侧填充。

w3-填充

我有 8px 顶部和底部填充以及 16px 左侧和右侧填充。

w3-padding-大

我有 12px 顶部和底部填充以及 24px 左侧和右侧填充。

例子

<div class="w3-panel w3-padding-large">
<p>我有 12px 顶部和底部填充以及 24px 左侧和右侧填充。</p>
</div>
亲自尝试 »