微信公开课
微信公开课小程序热门讨论关于「flexbox布局,margin:auto失效」的小程序开发问题
补充:margin:auto主要用于修改在flex布局的主轴上元素的排列,见下文csstrickscomthepeculiarmagicofflexboxandautomargins我需要下图中的“立即创建”按钮能够自适应的永远在手机的底部理论上,
展开:margin:auto主要用于修改在flex布局的主轴上元素的排列,见下文:https:csstrickscomthepeculiarmagicofflexboxandautomargins我需要下图中的“立即创建”按钮能够自适应的永远在手机的底部理论上,button的containerstyle满足:display:flex;flexdirection:column;button再设置margintop:auto应该就可以,但是在小程序上不行我具体的设置是:button的parent是一个formsubmitform{这里是为了能让form占满整个屏幕 flexgrow:1; display:flex; flexdirection:column;}createbutton{ backgroundcolor:5C6AA3; color:white; width:686px; fontsize:32px; fontweight:medium; height:104px; display:flex; justifycontent:center; alignitems:center; margintop:auto; }form要占据屏幕剩余的位置,同时form的最后一个childbutton要永远置于屏幕底部不知道大家都是怎么解决这个问题的
更多有关「flexbox布局,margin:auto失效」的讨论可以前往微信公开课小程序参与互动哦!了解更多
方法1:微信扫描微信公开课小程序码即可订阅热门讨论「flexbox布局,margin:auto失效」
方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「flexbox布局,margin:auto失效」
方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「flexbox布局,margin:auto失效」
微信公开课小程序热门讨论「flexbox布局,margin:auto失效」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。
微信公开课热门讨论「flexbox布局,margin:auto失效」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。