免费在线 CSS 转 Tailwind 转换器。将普通 CSS 属性即时转换为 Tailwind CSS 工具类。
flex flex-col p-4 my-0 mx-auto rounded-[0.5rem] bg-white shadow| CSS | Tailwind |
|---|---|
| display: flex | flex |
| flex-direction: column | flex-col |
| padding: 1rem | p-4 |
| margin: 0 auto | my-0 mx-auto |
| border-radius: 0.5rem | rounded-[0.5rem] |
| background-color: #ffffff | bg-white |
| box-shadow: 0 1px 3px rgba(0,0,0,0.1) | shadow |