本文摘自PHP中文网，作者醉折花枝作酒筹，侵删。
方法：1、使用“text-align:justify”语句设文本两端对齐；2、使用flex布局的justify-content属性设文本两端对齐，语法“justify-content:space-around|space-between”。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
CSS实现两端对齐效果
两端对齐，从概念上来说，其实不难理解。如果不明白什么叫两端对齐，可以玩玩word等办公软件。
下面谈谈如何实现文本的两端对齐。我所知道的大概有以下几种方法
text-align
text-align用于设置块级元素内文本的水平对齐方式。如果想使inline元素或inline-block元素居中对齐，可以使用text-align: center方法，对于block元素无法使用text-align实现居中对齐。如果想让block元素居中对齐，可以使用margin: auto方法。
相关阅读 >>
更多相关阅读请进入《Html》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
