css 最后一行文字对齐,text-align-last

text-align-last

版本:CSS3

CSS属性 text-align-last 描述的是一段文本中最后一行在被强制换行之前的对齐规则。/* Keyword values */

text-align-last: auto;

text-align-last: start;

text-align-last: end;

text-align-last: left;

text-align-last: right;

text-align-last: center;

text-align-last: justify;

/* Global values */

text-align-last: inherit;

text-align-last: initial;

text-align-last: unset;

浏览器支持1878cdc442c78be424141e8d23fcc3f4.gif97025d18480c559ff507c6e3a9b8aac8.gif6f7088d28d6f7ea604e66cfba3b1e71d.gifbe610315b796c1b1d41a4e5496e268a7.gif014ec1bfa861ab08b8918056e3e0c50f.gif

safari浏览器不支持,其余浏览器都支持text-align-last

语法:text-align-last:auto | start | end | left | right | center | justify

取值:auto:无特殊对齐方式。auto每一行的对齐规则由justify,text-align-last的表现和设置了start的表现是一样的,即如果文本的展示方向是从左到右,则最后一行左侧对齐与内容盒子。译者注:经测试,当right,并且text-align-last设置为auto时,文本最后一行的对齐方式相当于text-align-last被设置为right时的效果。即text-align-last设置为auto后的表现跟

left:内容左对齐。left最后一行文字与内容盒子的左侧对齐

center:内容居中对齐。center最后一行文字与内容盒子居中对齐

right:内容右对齐。right最后一行文字与内容盒子的右侧对齐

justify:内容两端对齐。justify最后一行文字的开头与内容盒子的左侧对齐,末尾与右侧对齐。

start:内容对齐开始边界。start与

end:内容对齐结束边界。end与

说明:如果某一行同时也是块内的第一行或者第一行但后面紧跟着强制换行,除非显示的指定start、end),否则text-align-last将会覆盖

如果auto值被指定,内容的对齐方式将依据justify

作为IE的私有属性之一,IE5.5率先实现了text-align-last,后期被w3c采纳成标准属性;

IE7及以下浏览器只实现了块内最后一行的对齐方式,没有处理被强制打断的行的对齐方式,从IE8开始,这两种形式的行对齐都被支持;

IE浏览器下,如果text-align-last要生效,必须先定义text-align:justify

对应的脚本特性为textAlignLast。默认值auto

适用于块容器

继承性有

动画性否

计算值指定值

例子p{

text-align:justify;

text-align-last:right;

-moz-text-align-last:right;}/*针对firefox的代码*/

}

integer elementum massa at nulla placerat varius. suspendisse in libero risus, in interdum massa. vestibulum ac leo vitae metus faucibus gravida ac in neque. nullam est eros, suscipit sed dictum quis, accumsan a ligula.

//CSS

p {

font-size: 1.4em;

text-align: justify;

-moz-text-align-last: center;

text-align-last: center;

}