行业资讯

首页 > 新闻资讯 > 行业资讯 > Flex实现表格布局(微信小程序)

Flex实现表格布局(微信小程序)

2025-05-19 09:15:13   来源:   阅读:
网站建设 - 建站教程 - 微信小程序 - Flex 实现表格布局 (微信小程序)

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

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

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

1

2

3

4

1

2

3

4

1

2

3

4

1

2

3

4

1

2

3

4

#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;

}

本文《Flex实现表格布局(微信小程序)》发布于君君营销文章,作者:admin,如若转载,请注明出处:/news/hyzx/100073.html,否则禁止转载,谢谢配合!

联系我们

18221295083
上海市浦东新区航头镇沪南公路4583号
上海市青浦区蟠龙路899号
18221295083
zhanglongfu@ijunjun.com
  • 联系我们
  • 关于我们
  • 二维码


    官方微信

    小程序
    返回
    顶部
    咨询

    扫描微信二维码,添加好友

    电话

    24小时电话:

    18221295083
    微信

    官方微信