请问 view 里面的字体如何上下左右居中
发布于 6 年前 作者 esu 16368 次浏览 来自 问答
<view class="section">
  <view class="section__title">flex-direction: row</view>
  <view class="flex-wrp" style="flex-direction:row;">
    <view class="flex-item bc_green">1</view>
    <view class="flex-item bc_red">2</view>
    <view class="flex-item bc_blue">3</view>
  </view>
</view>
<view class="section">
  <view class="section__title">flex-direction: column</view>
  <view class="flex-wrp" style="height: 300px;flex-direction:column;">
    <view class="flex-item bc_green">1</view>
    <view class="flex-item bc_red">2</view>
    <view class="flex-item bc_blue">3</view>
  </view>
</view>
3 回复

模拟器好使,但在真机上总是略微偏上,不知别人有木有遇到

谢谢,好了!

.flex-item {
  text-align: center;
  line-height: 200rpx;
  height: 200rpx;
}
回到顶部