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属性的值。
我们建议不要使用全写属性，除非你真的需要（比如要去覆盖之前写的）。使用全写会多些很多的代码，它们也可能有点让人困惑。
css省略号 弹性和模型
原文地址：https://www.cnblogs.com/liuliang389897172/p/10368993.html