龙空技术网

前端CSS的text-align属性讲解和应用场景

经历沧桑的少年 446

前言:

目前各位老铁们对“valigncss”都比较注意,大家都需要学习一些“valigncss”的相关内容。那么小编也在网摘上搜集了一些关于“valigncss””的相关内容,希望各位老铁们能喜欢,姐妹们快快来了解一下吧!

text-align是什么

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

展示案例

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

重点介绍justify属性

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

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

应用场景

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

标签: #valigncss