微信公开课
微信公开课小程序热门讨论关于「小程序定制开发问一个布局问题」的小程序开发问题
补充:我的代码viewclass=keyboardtextwx:for={{}}class=kbboxcenter{{item}}textviewkeyboard{margintop:40rpx;width:100%;}kbbox{display:inlineflex;width:331%;height:100rpx;bordertop:1pxsolidD
展开:我的代码:<viewclass=keyboard<textwx:for={{[1,2,3,4,5,6,7,8,9,,0,撤退]}}class=kbboxcenter{{item}}<text<viewkeyboard{margintop:40rpx;width:100%;}kbbox{display:inlineflex;width:331%;height:100rpx;bordertop:1pxsolidD6DAE1;}kbbox:nthchild(3n+2){borderleft:1pxsolidD6DAE1;borderright:1pxsolidD6DAE1;}效果是这样的:注意最左下角的text,莫名其妙下沉了一点,如果在里面输入内容的话(比如:wx:for={{[1,2,3,4,5,6,7,8,9,*,0,撤退]}}),就可以对齐,但是现在需求不允许输入内容,怎么解决即速小程序:加个*可以你可以考虑把左下角的这个元素设置成透明,或者把文字设置为透明,或者fontsize设置为0:加了个不知道什么的空白字符已经解决了:可以尝试这样修改:keyword{display:flex;flexwrap:wrap;margintop:40rpx;width:100%;}kbbox{width:333%;height:100rpx;boxsizing:borderbox;bordertop:1pxsolidD6DAE1;}kbbox:nthchild(3n+2){borderleft:1pxsolidD6DAE1;borderright:1pxsolidD6DAE1;}
更多有关「小程序定制开发问一个布局问题」的讨论可以前往微信公开课小程序参与互动哦!了解更多