tailwind css的使用

tailwind css的使用"/>

tailwind css的使用

安装不成功，就不要安装了直接复制链接在文档使用就可以了，可一看到一样的效果。

<link href="@^2/dist/tailwind.min.css" rel="stylesheet">

创建config .rb文件，或者不同名字的文件在文件夹，知道自己引用的样式即可。文件内容比较少也可以不创建。样式占据了四五百行可以考虑进行整理。

 整理好也就一百多一点。还是很方便的。

在项目上的属性：

• order
• flex-grow
• flex-shrink
• flex-basis
• flex
• align-self

order属性定义项目的排列顺序。数值越小，排列越靠前，默认为0。

flex-grow属性定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。

如果所有项目的flex-grow属性都为1，则它们将等分剩余空间（如果有的话）。如果一个项目的flex-grow属性为2，其他项目都为1，则前者占据的剩余空间将比其他项多一倍。

flex-shrink属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。

如果所有项目的flex-shrink属性都为1，当空间不足时，都将等比例缩小。如果一个项目的flex-shrink属性为0，其他项目都为1，则空间不足时，前者不缩小。

记不住没关系，可以多熟悉一下。