Tailwind CSS - Isolation Tailwind CSS - Object Fit Tailwind CSS - Object Position Tailwind CSS - Overflow Tailwind CSS - Overscroll Behavior Tailwind CSS - Position Tailwind CSS - Top / Right / Bottom / Left Tailwind CSS - Visibility Tailwind CSS - Z-Index Tailwind CSS - Flexbox & Grid Ta...
.mx-4margin-left: 1rem; margin-right: 1rem; .my-5margin-top: 1.25rem; margin-bottom: 1.25rem; .mx-5margin-left: 1.25rem; margin-right: 1.25rem; .my-6margin-top: 1.5rem; margin-bottom: 1.5rem; .mx-6margin-left: 1.5rem; margin-right: 1.5rem; ...
Left-to-right ms-8 me-8 Right-to-left ms-8 me-8 ms-8me-8ms-8me-8 Adding space between children Usespace-x-<number>orspace-y-<number>utilities likespace-x-4andspace-y-8to control the space between elements: 01 02 03 010203 Reversing children order ...
space-x-0> * + *--tw-space-x-reverse: 0; margin-right: calc(0px * var(--tw-space-x-reverse)); margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); space-x-0.5> * + *--tw-space-x-reverse: 0; margin-right: calc(0.125rem * var(--tw-space-x-reverse));...
不过目前没有浏览器支持，可以使用Polyfill让现代浏览器支持此功能，文章参见：Polyfill吊炸天的CSS attr(...
mx-3 margin-left: 0.75rem; margin-right: 0.75rem; mx-3.5 margin-left: 0.875rem; margin-right: 0.875rem; mx-4 margin-left: 1rem; margin-right: 1rem; mx-5 margin-left: 1.25rem; margin-right: 1.25rem; mx-6 margin-left: 1.5rem; margin-right: 1.5rem; mx-7 margin-left: 1.75rem;...