龙空技术网

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

经历沧桑的少年 355

前言:

此刻同学们对“css文字分散对齐”可能比较看重,你们都需要知道一些“css文字分散对齐”的相关知识。那么小编也在网摘上网罗了一些有关“css文字分散对齐””的相关文章,希望兄弟们能喜欢,兄弟们一起来学习一下吧!

text-align是什么

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

展示案例

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

重点介绍justify属性

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

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

应用场景

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

标签: #css文字分散对齐