text-align是什么

前端 CSS的text-align是用于设置文本对齐方式,它具有一下几个属性:left、center、right、justify。

展示案例

其中left、center、right属性顾名思义,设置文本向左边对齐、居中对齐、向右边对齐。

html中text-align是什么(前端CSS的text-align属性讲解和应用场景)(1)

重点介绍justify属性

text-align:justify可以实现文本两端对齐。首先展示问题部分:

html中text-align是什么(前端CSS的text-align属性讲解和应用场景)(2)

在图片中我们可以发现,因为文字大小的关系无法满足满行左右对齐,因此很不美观。我们使用text-align:justify可以保证除了最后一行外的文字两端对齐(简单来说单独一行是没有效果的)。

html中text-align是什么(前端CSS的text-align属性讲解和应用场景)(3)

应用场景

如上图我所展示案例的DIV内的文字两端对齐(一般用在案例或者详情简介等小区域内的文字美规而是用)。

,