CSS Text3: text-align-last
特别声明:如果您喜欢小站的内容,可以点击申请会员进行全站阅读。如果您对付费阅读有任何建议或想法,欢迎发送邮件至: airenliao@gmail.com!或添加QQ:874472854(^_^)
在CSS中对于text-align
而言,大家并不会感到陌生,但对于text-align-last
来说,知道的人我想并不会太多。那么今天我们来说一说这个属性。
有的时候,我们需要制作一个这样的效果:
大家知道,CSS中的对齐方式,一般都是使用text-align
来控制的,但要实现上图的效果,仅使用text-align
对于我们来说将是一件蛋疼的事情。只能做到下面这样的效果:
如果要实现图片一样的效果,那text-align-last
将会拯救我们。
text-align-last描述
text-align-last
这个属性主要用来设置一个块中的最后一行的对齐方式。
- 一个块的最后一行
<br>
标签断行的最后一行
text-align-last的使用
接下来,简单的看看text-align-last
属性如何使用。
语法
text-align-last: auto | start | end | left | right | center | justify | inherit
text-align-last
属性具备auto
、start
、end
、left
、right
、center
和justify
几个属性。此属性与text-align
属性相比少了match-parent
和justify-all
。
text-align-last
其默认值是auto
,而且其只能运用于块元素上,或者说块元素的断行内。对于行内元素来说是无效的。如下面的示例:
属性值介绍
要彻底了解text-align-last
属性的具体使用,那么必须对其每个属性值的实际作用有所了解。