一行超出显示省略

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

一、flex 布局是什么？

Flex是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。

任何一个容器 都可以指定为 Flex 布局。