一、效果

二、代碼

<template><view class="parent"><text class="child">這是豎直排列的文字</text></view>
</template>
<script>export default {data() {return {}},methods: {},};
</script>
<style>.parent {display: flex;align-items: center; /* 豎直居中 */justify-content: center; /* 水平居中 */height: 500px; /* 父級高度設為100%，或指定一個固定高度 */border:1px solid black;}.child {writing-mode: vertical-rl; /* 文字豎直排列，從右向左 */text-orientation: upright; /* 文字保持正常方向 */border:1px solid red;}
</style>