Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

W3.CSS 内边距


w3-padding-large

我的上下内边距为 12px,左右内边距为 24px。


W3.CSS 数字内边距类

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-padding-16

我的上下内边距为 16px。

w3-padding-24

我的上下内边距为 24px。

w3-padding-32

我的上下内边距为 32px。

w3-padding-48

我的上下内边距为 48px。

w3-padding-64

我的上下内边距为 64px。

示例

<div class="w3-panel w3-padding-16">
  <p>我的上下内边距为 16px。</p>
</div>
亲自试一试 »


W3.CSS 尺寸内边距类

w3-padding-size 类可为任何 HTML 元素添加上下左右内边距。

定义
w3-padding 添加 8px 上下内边距和 16px 左右内边距
w3-padding-small 添加 4px 上下内边距和 8px 左右内边距
w3-padding-large 添加 12px 上下内边距和 24px 左右内边距

示例

w3-padding-small

我的上下内边距为 4px,左右内边距为 8px。

w3-padding

我的上下内边距为 8px,左右内边距为 16px。

w3-padding-large

我的上下内边距为 12px,左右内边距为 24px。

示例

<div class="w3-panel w3-padding-large">
  <p>我的上下内边距为 12px,左右内边距为 24px。</p>
</div>
亲自试一试 »

×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.