首页 前端知识 css3对文字标签不同宽,不同高使用瀑布流对齐显示

css3对文字标签不同宽,不同高使用瀑布流对齐显示

2024-05-25 09:05:12 前端知识 前端哥 68 876 我要收藏

在这里插入图片描述

<div class="wrapper" style="padding: 0;">
 <span class="wf-item task-tags text-center" v-for="(item,index) in data.categorys" :key="index">{{ item }}</span>
</div>

/* 名称瀑布流显示 */
.wrapper {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    padding: 15px 5px;
}
.wrapper::after {
    content: "";
    flex-grow: 99999;
}
.wf-item {
    flex-grow: 1;
    position: relative;
    overflow: hidden;
    padding: 10px;
    border: 1px solid #e7e7e7;
}
转载请注明出处或者链接地址:https://www.qianduange.cn//article/9383.html
标签
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!