代码如下:
//在 test.wxml中:
<view class="myview">
<view class='delete'>删除</view>
</view>
//在test.wxss中:
/*任务动态 底部视图 */
.myview {
display: flex;
height: 70rpx;
}
.delete {
text-align: center;
line-height: 70rpx;
}
注意到代码细节没有?
关键让 <view>中的内容昂 "删除" 水平居中需要的是 它的父视图的 (高度)height 对应的值 和 它的(单行文字占的高度) line-height 的值一样,这样就做到了垂直居中
text-align: center保证了水平居中.
网友评论