.tags {
width: 100%;
}
.list-tags-link {
display: flex;
box-sizing: content-box;
min-width: 80rpx;
padding-right: 10rpx;
padding-left: 10rpx;
flex-direction: column;
align-items: center;
justify-content: center;
}
.list-tags-img {
height: 40px;
width: 40px;
border-radius: 50%;
}
.list-tags {
margin-top: 5px;
margin-bottom: 5px;
width: 100%;
height: 60px;
}
.list-tags .list-tags-img {
height: 40px;
width: 40px;
border-radius: 50%;
}
.list-tags .list-tags-text {
color: #878787;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 22rpx;
margin: 5px 0 0 0;
}
url="/pages/tags/tags?id={{item.id}}&show={{show}}&title={{item.title}}&classid={{classid}}"
class="list-tags-link">
{{item.title}}
我暂时的在手机上的解决方法是
给list-tags-link设置最小宽度位80。。但这完全不能解决根本问题。
这个项目之前写的,css 以及命名感觉好乱,毕竟我不是专业搞网站的 - -
上图的水平排列在电脑上是有间距的,pading生效。
微信小程序开发问题解答
微信小程序开发者回答:
.list-tags-main {
display: flex;
width: 100%;
flex-flow: row;
}
补上
本文网址:http://www.91bianli.com/weixinxiaochengxu/22249.html