当前位置: 首页 > Web前端 > CSS

多级flex布局文字溢出省略号无效

时间:2023-03-31 00:36:58 CSS

.container{width:300px;高度:100px;背景:#7dc3fd;颜色:#fff;显示:弹性;}.item{溢出:隐藏;弹性:1;边框:1px实心#fff;}.line{空白:nowrap;文本溢出:省略号;溢出:隐藏;}场景描述购物车元素左右布局内容商品描述,使用多级flex布局时,文字溢出会被省略号代替,会失效解决方法在父元素中添加溢出:hidden.container{width:300px;高度:100px;背景:#7dc3fd;颜色:#fff;显示:弹性;}.item{溢出:隐藏;弹性:1;边框:1px实心#fff;}.line{空白:nowrap;文本溢出:省略号;溢出:隐藏;}产品图片

产品描述