多语言展示
当前在线:1605今日阅读:27今日分享:41

css中实现文字整体居中,换行左对齐的方法

css中使用text-align: left;使文字整体居中,换行左对齐的具体实现方法。
工具/原料
1

联想Air14

2

Windows10

3

HbuilderX3.4.15

方法/步骤
1

新建一个文本标签,用于展示文字居中的情况,本文基于uniapp开发,文本标签使用view。

2

在对文字内容部分使用text-align: center;之后,文字在指定的区域中居中显示。但当文字内容换行之后,最后一行的内容也居中显示。

3

在文字内容部分的父组件中,添加text-align: center;文字内容部分添加display: inline-block; text-align: left。

4

重新运行项目,成功实现换行之后文字左对齐。

注意事项

在添加设置的时候,注意父子级

推荐信息