CSS布局技巧摘要：1. flex弹性布局中，使用flex-shrink:0可防止内容被压缩；2. 单行文本省略需设置宽度、overflow:hidden、white-space:nowrap和text-overflow:ellipsis；3. 多行文本省略（仅WebKit内核）通过-webkit-box布局模型实现，配合-webkit-line-clamp限制行数。这些方法分别解决了弹性项目压缩

display:flex; 是指弹性布局，它能够扩展和收缩 flex 容器内的元素，以最大限度地填充可用空间。Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。