实用工具类
最W3.CSS的是围绕工具类建提供填充，边距，大小和定位。
填充类
在W3-padding- 大小类添加填充任何HTML元素：
在W3-填充巨无霸类增加32PX顶部和底部64PX左右。
W3号 - 填充 - xxlarge类添加24px的顶部和底部48像素的左侧和右侧。
W3号 - 填充 - XLARGE类增加16像素的顶部和底部，32PX左右。
在W3-填充大型类增加12像素的顶部和底部，24px的左侧和右侧。
在W3-填充介质类增加留下8像素顶部和底部16px的两侧。
在W3-填充小类增加4PX顶部和底部8像素左右。
在W3-填充纤巧类添加2px的顶部和底部，4PX左右。
例
<div class="w3-container w3-padding-xlarge">
<p>I have 16px top and bottom padding and 32px left and right padding.</p>
</div>
试一试» W3号-填充-贺- 数类增加了横向（顶部和底部）填充，以任何HTML元素：
在W3-填充-HOR-4类增加4PX顶部和底部填充。
在W3-填充-HOR-8类增加8像素顶部和底部填充。
在W3-填充-HOR-16类增加16像素的顶部和底部填充。
在W3-填充-HOR-32类增加32PX顶部和底部填充。
在W3-填充-HOR-64类增加64PX顶部和底部填充。
在W3-填充-ver- 数类加上垂直（左和右）填充，以任何HTML元素：
在W3-填充-VER-4类增加4PX左右填充。
在W3-填充-VER-8类增加8像素左右填充。
在W3-填充-VER-16级增加了16倍左右填充。
在W3-填充-VER-32类增加32PX左右填充。
在W3-填充-HOR-48类增加64PX左右填充。
例
<div class="w3-container w3-padding-ver-16">
<p>I have 16px left and right padding</p>
</div>
试一试» 保证金类
W3的利润率类添加利润率元素：
W3的利润率类增加16px的保证金到一个元素的所有边。
W3的利润率底级增加了一个16像素下边距的元素。
W3的利润率左类增加留有余量一个元素的16像素。
W3的利润率右类添加16px的右边距为一个元素。
W3的利润率 - 一流的增加了一个16像素的上边距为一个元素。
施胶类
该w3- 大小课改元素的字体大小：
我很小的（使用W3-微小）
我小的（使用W3小）
我网上平台。 默认。
我大（使用W3-大）
我XLARGE（使用W3-超大）
例
<p class="w3-small">I'm small (using w3-small)</p>
<p>I'm medium. The default.</p>
<p class="w3-large">I'm
large (using w3-large)</p>
<p class="w3-xlarge">I'm xlarge (using
w3-xlarge)</p> 试一试» 你可以阅读更多有关章节上浆类W3.CSS印刷术 。
四舍五入类
在W3-圆头大小类添加圆角边框元素：
例
<div class="w3-round w3-teal w3-padding">Round</div>
<div class="w3-round-large w3-teal w3-padding">Rounder</div>
<div class="w3-round-xlarge w3-teal w3-padding">Rounder</div>
<div class="w3-round-jumbo w3-teal w3-padding">Roundest</div>
试一试» Circle类
该中心类
W3的中心级中心元素：
例
<div class="w3-container w3-center w3-green">
<img
class="w3-circle"
src="img_car.jpg" alt="Car">
</div> 试一试» 浮动班
W3的左类浮到左边的元素，则W3-正确的类浮动到右边的元素：
例
<div class="w3-container w3-light-grey">
<div class="w3-left
w3-red">Float left</div>
<div class="w3-right w3-blue">Float
right</div>
</div> 试一试» 显示/隐藏类
W3的隐藏小|中|大类隐藏在一个特定的屏幕大小的元素。
注：调整浏览器窗口来了解它是如何工作：
例
<p class="w3-hide-small">I will be hidden on small screens (phone)</p>
<p class="w3-hide-medium">I will be hidden on medium screens (tablet)</p>
<p class="w3-hide-large">I will be hidden
on large screens (laptop/desktop)</p> 试一试»