在Tailwind CSS 中，容器用于固定元素的最大宽度以匹配断点的最小宽度。当内容必须以响应方式显示每个断点时，它会非常方便。
Tailwind CSS 中的断点如下。
| Breakpoint | min-width |
| sm | 640px |
| md | 768px |
| lg | 1024px |
| xl | 1280px |
| 2xl | 1536px |
Tailwind CSS 不会自动居中，也不包含任何预定义的填充。以下是一些使容器类脱颖而出的实用程序类。
mx-auto：为了使容器居中，我们使用mx-auto实用程序类。它会自动调整容器的边距，使容器看起来居中。
句法：
... 例子：
HTML
GeeksforGeeks
This is mx-auto class
HTML
GeeksforGeeks
This is px-20 class
输出：
mx-auto 类
px-{size}：要添加容器填充，我们使用px-{size}实用程序类。它向容器添加了水平填充，该填充等于提到的大小。
句法：
... 例子：
HTML
GeeksforGeeks
This is px-20 class
输出：
像素大小类