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

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内的文字两端对齐(一般用在案例或者详情简介等小区域内的文字美规而是用)。

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页