CSS常用设置

<div class="test">
   <div class="con">这里的文字就算很长也不会换行</div>
</div>

<style>
.test{
	white-space: nowrap;  //禁止换行
	.con{
		display: inline-block; //设置成行级块
	}
}
</style>

<template>
	<view class="test">
		<view class="con">上下左右居中</view>
	</view>
</template>

<script setup>
	
</script>

<style lang="scss" scoped>
.test{
	position: relative;
	width: 100%;
	height: 100px;
	background-color: #ff4141;
	.con{
		position: absolute;
		width: 100px;
		height: 50px;
		background-color: #fff654;
		top: calc(50% - 25px);
		left: calc(50% - 50px);
		font-size: 12px;
	}
}
</style>