微信公众号开发

小程序使用弹性布局

本文主要是介绍小程序使用弹性布局,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
page {
  height: 100%;
  width: 100%;
  background-color: #FFF;
  overflow: hidden;
}
/* 行弹性布局容器---行 */
.hxt-flex,
.hxt-flex-column {
  display: flex;
  flex-direction: row;
  align-items: center;
}
/* 列 */
.hxt-flex-column {
  height: 100%;
  flex-direction: column;
  align-items: stretch;
  overflow: hidden;
}
/*占满剩余部分*/
.hxt-flex-fill {
  flex: 1;
}

这篇关于小程序使用弹性布局的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!