display:flex 多出省略号

根据引用和引用的解释，flex-flow是一个CSS属性，用于设置flex容器中flex项目的排列方式和换行方式。它由两部分组成，分别是flex-direction和flex-wrap。其中，flex-direction决定了flex项目的排列方向，可以是row（水平方向），column（垂直方向），row-reverse（水平反向方向）或column-reverse（垂直反向方向）。而flex-wrap决定了当flex项目超出容器宽度时是否换行，可以是nowrap（不换行），wrap（换行）或wrap-reverse（反向换行）。

根据引用中的描述，当flex-wrap的值为wrap或wrap-reverse时，flex布局中的项目会根据容器的宽度进行换行。当flex项目被换行时，会出现省略号，以显示被省略部分的内容。

因此，当使用display:flex布局，并且flex项目超出容器宽度，且设置了flex-wrap为wrap或wrap-reverse时，会出现省略号。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [css自动布局display:flex——第一弹：对容器](https://blog.csdn.net/n_s_X14/article/details/105255847)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]