何以至千里

关注

子view在view区域中水平垂直居中

何以至千里

关注

阅读 117

2022-03-11

<template>
    <view>
		<view class="Center">
			<text style="background-color: #007AFF;">需要居中的内容</text>
			<text>居中内容</text>
			<text>居中内容</text>
			<text>居中内容</text>
		</view>
    </view>
</template>
<style>
	.Center{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		position: absolute;
	}
</style>

结果

 

相关推荐

Java架构领域

小程序图片水平垂直居中显示在view中

Java架构领域 163 0 0

秀儿2020

子控件:水平居中,垂直居中,水平垂直居中

秀儿2020 97 0 0

影子喵喵喵

水平居中、垂直居中

影子喵喵喵 170 0 0

Ichjns

css水平居中+垂直居中

Ichjns 21 0 0

雨鸣静声

前端基础知识之水平居中/垂直居中/水平垂直居中

雨鸣静声 169 0 0

倪雅各

前端css实现水平居中、垂直居中、水平垂直居中【木鱼精简】

倪雅各 156 0 0

一条咸鱼的干货

css设置子元素在父元素中水平垂直居中

一条咸鱼的干货 12 0 0

水沐由之

图片垂直水平居中

水沐由之 111 0 0

查拉图斯特拉你和他

DIV水平垂直居中

查拉图斯特拉你和他 162 0 0

追风骚年

元素水平垂直居中

追风骚年 47 0 0

精彩评论(0)

0 0 举报