Flex实现表格布局（微信小程序）

2022-11-14 分类：微信小程序

网站建设 - 建站教程 - 微信小程序 - Flex 实现表格布局（微信小程序）

微信小程序自己开发了一套 wxml + wxss，对许多 HTML 标签和 CSS 属性不支持。

不支持 table 标签，推荐使用 flex 布局。

自然而然的想法：flex 嵌套，效果还不错，贴代码如下：

#panel{

height:65vh;

background:#fff;

}

#panel text{

line-height: 13vh;

border-right: 1rpx solid #ddd;

border-bottom: 1rpx solid #ddd;

}

.flex-row{

display: flex;

flex-direction: row;

justify-content: center;

align-items: center;

}

.flex-column{

display: flex;

flex-direction: column;

justify-content: center;

align-items: stretch;

}

.flex-cell{

flex: 1;

}

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有微信小程序等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容