一张图片与多行文字并排（css）
.header{display:flex;align-items:center;image{flex-shrink: 0;}p{flex: 1;display: flex;flex-direction: column;}}内容超出容器大致情况是：在一个设置了display:flex布局的大容器A中并排放置两个子容器，并且子容器设置flex:1，子容器中都有一个元素包含一段文本，这段文本设置了不换行
·
.header{
display:flex;
align-items:center;
image{
flex-shrink: 0;
}
p{
flex: 1;
display: flex;
flex-direction: column;
}
}
内容超出容器
大致情况是：在一个设置了display:flex布局的大容器A中并排放置两个子容器，并且子容器设置flex:1，子容器中都有一个元素包含一段文本，这段文本设置了不换行并且显示省略号的样式，当文本过长的时候，子容器会被撑开，如下效果：
权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区
更多推荐
4
0- 0
已为社区贡献1条内容
所有评论(0)