text-align

# text-align

text-align CSS 属性设置块元素或者单元格框的行内内容的水平对齐。这意味着其效果和 vertical-align 类似，但是是水平方向的。

# uni-app x 兼容性

Web	Android	iOS
4.0	3.9	4.11

# 语法

text-align: start | end | left | right | center | justify | match-parent;

# text-align 的属性值

名称

兼容性

描述

left

行内内容向左侧边对齐。

center

行内内容居中。

right

行内内容向右侧边对齐。

# 默认值

平台	默认值
uvue-app	left
uvue-web	left

注意：W3C 默认值为：start

# 适用组件

# 示例

hello uni-app x

Template

Script

<template>
	<view style="flex-grow: 1;">
		<view style="height: 250px;background-color: gray;justify-content: center;align-items: center;">
			<text class="common" style="text-align: left;">text-align: left</text>
			<text class="common" style="text-align: center;">text-align: center</text>
			<text class="common" style="text-align: right;">text-align: right</text>
		</view>
	</view>
</template>



<style>
	.common {
		width: 250px;
		font-size: 20px;
	}
</style>