display: flex; flex-direction: column; overflow: hidden; 添加一下注释
时间: 2023-11-22 14:51:02 浏览: 63
Vue2 常用用法- flex + overflow:hidden
以下是添加注释后的代码:
```css
.item-content-container {
/* 父元素 */
display: flex;
flex: 1;
flex-direction: column;
box-sizing: border-box;
padding: 32rpx 0 32rpx 0rpx;
border-bottom: 1px solid $color_border_divider;
min-width: 0; /* 处理因white-space: nowrap 导致宽度失效的问题 */
.content {
/* 子元素 */
/* display: flex; 这里需要注释掉 */
box-sizing: border-box;
font-size: $text_size_24;
color: $color_text_primary;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
}
```
阅读全文