这些类接受 tailwind CSS 中的许多值，其中所有属性都以类形式覆盖。这些是 CSS Top/Right/Bottom/Left 属性的替代。这些类用于控制定位元素的对齐方式。 请记住，我们只能将这些属性用于定位元素。
上/右/下/左类：
- .inset-0
- .inset-y-0
- .inset-x-0
- .top-0
- .right-0
- .bottom-0
- .left-0
Tailwind 中顶部/右侧/底部/左侧/插入实用程序的默认值是 0 和自动。
注意：您可以使用有效的“rem”值更改数字“0”。
inset-0：用于为元素的 top/right/bottom/left 属性提供 0px 值。
句法：
... 例子：
HTML
GeeksforGeeks
Top/Right/Bottom/Left
HTML
GeeksforGeeks
Top/Right/Bottom/Left
HTML
GeeksforGeeks
Top/Right/Bottom/Left
HTML
GeeksforGeeks
Top/Right/Bottom/Left
HTML
GeeksforGeeks
Top/Right/Bottom/Left
输出：
插图-0
inset-y-0：用于为元素的顶部和底部属性提供值 0px。
句法：
... 例子：
HTML
GeeksforGeeks
Top/Right/Bottom/Left
输出：
插入-y-0
inset-x-0：用于为元素的 right和left属性提供值 0px。
句法：
... 例子：
HTML
GeeksforGeeks
Top/Right/Bottom/Left
输出：
插图-x-0
top-0 ：用于为元素的 top 属性提供值 0px。
句法：
... left-0：用于为元素的left属性提供值0px。
句法：
... 示例：在此示例中，我们使用left-0和top-0类。
HTML
GeeksforGeeks
Top/Right/Bottom/Left
输出：
left-0 top-0
right-0 ：用于为元素的 right 属性提供值 0px。
句法：
... bottom-0：用于为元素的底部属性提供值 0px。
句法：
... 示例：在此示例中，我们使用right-0和bottom-0类。
HTML
GeeksforGeeks
Top/Right/Bottom/Left
输出：
右 0 下 0