微信小程序 > 微信公开课 > flexbox布局,margin:auto失效
微信小程序,微信公开课,flexbox布局,margin:auto失效

flexbox布局,margin:auto失效

2019-03-15 18:15:58

微信公开课小程序热门讨论关于「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失效」的讨论可以前往微信公开课小程序参与互动哦!
标签:微信公开课,小程序
微信小程序,微信公开课,flexbox布局,margin:auto失效

「flexbox布局,margin:auto失效」热门讨论订阅

方法1:微信扫描微信公开课小程序码即可订阅热门讨论「flexbox布局,margin:auto失效」

方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「flexbox布局,margin:auto失效」

方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「flexbox布局,margin:auto失效」

微信公开课小程序热门讨论「flexbox布局,margin:auto失效」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。

微信公开课热门讨论「flexbox布局,margin:auto失效」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。