text-align-last

  • 版本:CSS3
  • 媒体:视觉
html+div+css+天猫商城
html5+css3+京东手机网站
javascript+jquery+ajax
正则表达式+面向对象+js插件
2D+3D+触屏事件+Canvas+Svg
地理信息+本地存储+H5拖拽api
查看课程大纲

语法:

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

默认值auto

适用于:块容器

继承性:有

动画性:否

计算值:指定值

取值:

auto:
无特殊对齐方式。
left:
内容左对齐。
center:
内容居中对齐。
right:
内容右对齐。
justify:
内容两端对齐。
start:
内容对齐开始边界。
end:
内容对齐结束边界。

说明:

设置或检索一个块内的最后一行(包括块内仅有一行文本的情况,这时既是第一行也是最后一行)或者被强制打断的行的对齐方式
  • 如果某一行同时也是块内的第一行或者第一行但后面紧跟着强制换行,除非显示的指定 <' text-align '> 第一行对齐方式(值 'start end'),否则 <' text-align-last '> 将会覆盖 <' text-align '>;
  • 如果auto值被指定,内容的对齐方式将依据 <' text-align '> 的设定,除非 <' text-align '> 设置为justify
  • 作为IE的私有属性之一,IE5.5率先实现了 <' text-align-last '>,后期被w3c采纳成标准属性;
  • IE7及以下浏览器只实现了块内最后一行的对齐方式,没有处理被强制打断的行的对齐方式,从IE8开始,这两种形式的行对齐都被支持;
  • IE浏览器下,如果 <' text-align-last '> 要生效,必须先定义 <' text-align '> 为justify
  • 查看 form表单标签名两端对齐效果demo
  • 对应的脚本特性为textAlignLast

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0+ 2.0-11.0 4.0-41.0 6.0-8.0 15.0-27.0 6.0-8.3 2.1-4.4.4 18.0-40.0
12.0-37.0 -moz-
start | end 6.0-11.0 2.0-11.0 4.0-41.0 6.0-8.0 15.0-27.0 6.0-8.3 2.1-4.4.4 18.0-40.0
12.0-37.0 -moz-

示例: