六维教程

Tailwind CSS padding

基本用法

使用 p-<number> 类名(如 p-4p-8)来控制元素所有侧面的内边距。

alt text

<div class="p-8 ...">p-8</div>

向一侧添加内边距

使用 pt-<number>pr-<number>pb-<number>pl-<number> 实用程序(如 pt-6pr-4)来控制元素一侧的内边距。

alt text

<div class="pt-6 ...">pt-6</div>
<div class="pr-4 ...">pr-4</div>
<div class="pb-8 ...">pb-8</div>
<div class="pl-2 ...">pl-2</div>
上一篇
Tailwind CSS gap
下一篇
Tailwind CSS margin