首先：文本内容的居中实现大家都不陌生 text-align:center; 就可以轻松实现文本水平居中的效果 ；那么多行的时候居左显示怎么办呢？这个时候就需要嵌套一个P标签来实现了。

下面看下源码：

下面是效果图：

一行文字居中：

多行文字居左：

英文单词过长使文字溢出容器：

word-break:break-all; 强制换行效果：