您现在的位置是：主页 > news > 贵阳住房和城乡建设局网站/安卓内核级优化神器
贵阳住房和城乡建设局网站/安卓内核级优化神器
admin2025/6/9 4:39:52【news】
简介贵阳住房和城乡建设局网站,安卓内核级优化神器,如何做自己的业务网站,wordpress 登陆后查看我想知道flex是不是不能进行嵌套？大的红色框框flex:1，里面的小红色框框display:flex,中间文字部分flex:1.文字少的时候是正常的，但是多了就会超出。文字少的时候正常文字多的时候不会显示省略号，超出原有的宽度html代码࿱…
我想知道flex是不是不能进行嵌套？大的红色框框flex:1，里面的小红色框框display:flex,中间文字部分flex:1.文字少的时候是正常的，但是多了就会超出。
文字少的时候正常
文字多的时候不会显示省略号，超出原有的宽度
html代码：
周周周
转送/38分钟送达
在线支付满在线支付满
5个 >
粥粥粥粥粥粥粥粥粥粥粥粥粥粥粥粥粥粥粥粥粥粥粥粥粥粥粥
>less代码
.icon(@w:15px,@h:15px){
display: inline-block;
width: @w;
height: @h;
white-space:nowrap;
letter-spacing: -1em;
text-indent: -99em;
color: transparent;
background-size: 100%
}
.icon:before {
/* 伪元素插入空格文本 */
content: '\3000';
}
// .icon(@w:15px,@h:15px){
// display: inline-block;
// width: @w;
// height: @h;
// background-size: 100%;
// }
.detail{
overflow: hidden;
white-space: nowrap;
text-overflow:ellipsis;
}
.header-bg{
position: relative;
background:url('../../assets/header/header-bg1.jpg') ;
background-size:100% 100%;
}
.sellsInf{
display: flex;
padding:15px 15px 10px;
}
.avatar-wrap{
margin-right: 15px;
.avatar{
@siz:50px;
width: @siz;
height: @siz;
border-radius: 3px;
}
}
.padding1{
padding: 5px 10px;
}
.shop-detail{
flex:1;
color:white;
p{
margin:5px;
}
.name{
font-weight: bold;
font-size: 18px;
}
.discount-detail{
.detail;
.padding1;
flex:1;
font-size: 12px;
}
.discount-wrap{
display: flex;
}
.discount-num{
.padding1;
background-color: #000;
border-radius:20px;
font-size: 12px;
}
.send-time{
font-size: 13px;
}
}
.bulletin{
display: flex;
padding: 5px 10px;
background: rgba(0,0, 0, 0.8);
.bulletin-detail{
.detail;
flex:1;
font-size: 12px;
color: white;
}
.btn-go{
width: 35px;
}
}
.icon-discount{
.icon;
margin: 5px 0 5px;
vertical-align: middle;
background-image:url('../../assets/header/decrease_1@2x.png');
}
.icon-band{
.icon(30px,15px);
margin-right: 5px;
background-image:url('../../assets/header/brand@2x.png');
}
.icon-bulletin{
.icon(30px,15px);
margin-right: 5px;
background-image:url('../../assets/header/bulletin@2x.png')
}
