1. flex左边固定宽度,右边自适应:
#left {
width: 200px;
}
#right {
flex: 1;
min-width: 0; // 解决右边内容超出的话,会导致左边固定的宽度大小不起重要了
}
2. flex布局下怎样实现text-overflow: ellipsis效果?
.flex{
display:flex;
border: 1px solid red;
width: 300px;
text-overflow: ellipsis;
overflow-x: hidden;
white-space: nowrap;
}
注:
①. 代码并没有出现3个点...
a. 修改display:block就会出现. => 没有用到flex布局
②. flex布局下怎么才能达到这种效果?