css省略号 弹性和模型

overflow: hidden;
text-overflow:ellipsis; white-space: nowrap;

弹性和模型

flex-direction: column;/row
排版方向

flex-wrap: wrap
是否换行

flex-direction: row;
flex-wrap: wrap;

替换为

flex-flow: row wrap;

flex 是一个可以指定最多三个不同值的缩写属性：

• 第一个就是上面所讨论过的无单位比例。可以单独指定全写 flex-grow 属性的值。
• 第二个无单位比例 — flex-shrink — 一般用于溢出容器的 flex 项。这指定了从每个 flex 项中取出多少溢出量，以阻止它们溢出它们的容器。 这是一个相当高级的弹性盒子功能，我们不会在本文中进一步说明。
• 第三个是上面讨论的最小值。可以单独指定全写 flex-basis 属性的值。

我们建议不要使用全写属性，除非你真的需要（比如要去覆盖之前写的）。使用全写会多些很多的代码，它们也可能有点让人困惑。