文字上下居中排列, 多行文字也上下居中排列

时间：2020-08-15 15:52:11 阅读：70 评论：0 收藏：0 [点我收藏+]

技术分享图片

　 display: flex;
  align-items: center;  //上下居中
  justify-content: center; //左右居中

技术分享图片

很简单,这边小程序为例, html一样的, view换成 div其他标签就行

.box{
  font-size:32rpx;
  height: 100rpx;

  display: flex;
  align-items: center;  //上下居中
  justify-content: center; //左右居中
}

<view class="box">哈哈哈哈哈</view>
<view class="box">哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</view>

原文：https://www.cnblogs.com/520BigBear/p/13508836.html

踩

(0)

评论一句话评论（0）

分享档案

更多>