首页 > 其他分享 >flex布局中控制文字超出部分隐藏

flex布局中控制文字超出部分隐藏

时间:2023-03-16 09:58:23浏览次数:51  
标签:flex width div 设置 超出 overflow shangpin 隐藏

.shangpin div p{
    /* width: 213px; */
    font-size: 16px;
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow: hidden;
}

  文字区域设置

父级设置 

.shangpin div{
    /* margin-left: -100px; */
    flex: 1;
    width: 0;
}

  需要设置

 width: 0;

 

标签:flex,width,div,设置,超出,overflow,shangpin,隐藏
From: https://www.cnblogs.com/zongcheng86/p/17221198.html

相关文章