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

<code class="language-html">&lt;link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet"&gt;

创建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，则空间不足时，前者不缩小。

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