微信小程序使用 flex 布局实现底部文字居中

更新日期: 2019-11-17 阅读次数: 8335 字数: 81 分类: CSS

尝试用 flex 布局在微信小程序中实现文本居中。

模板代码 .wxml

<view class="company">
  <view>by 大象笔记</view>
</view>

样式代码 .wxss

.company {
  position: absolute;
  bottom: 20rpx;
  width: 100%;
  display: flex;
  justify-content: center;
}

justify-content

子元素在主轴上的排列方式,默认主轴为 X 轴。

关于作者 🌱

我是来自山东烟台的一名开发者,有敢兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊, 查看更多联系方式

谈笑风生

小陈

百度找了三小时 ,在这你这里看到了  感谢感谢