text-align是什么
前端CSS的text-align是用于设置文本对齐方式,它具有一下几个属性:left、center、right、justify。
展示案例
其中left、center、right属性顾名思义,设置文本向左边对齐、居中对齐、向右边对齐。
重点介绍justify属性
text-align:justify可以实现文本两端对齐。首先展示问题部分:
在图片中我们可以发现,因为文字大小的关系无法满足满行左右对齐,因此很不美观。我们使用text-align:justify可以保证除了最后一行外的文字两端对齐(简单来说单独一行是没有效果的)。
应用场景
如上图我所展示案例的DIV内的文字两端对齐(一般用在案例或者详情简介等小区域内的文字美规而是用)。