text-align-last

  • 版本:CSS3
  • 媒体:视觉
text-align-last属性在CSS文本中是比较常用的,本文将带你深入理解text-align-last属性的各个方面,包括它的语法、取值、作用和浏览器兼容性,最后附上text-align-last的演示案例,希望能够对你有所帮助。

text-align-last的详细用法

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

默认值auto

适用于:块元素

继承性:有

动画性:否

计算值:指定值

text-align-last有哪些值?

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

text-align-last的作用是什么?

设置或检索一个块内的最后一行(包括块内仅有一行文本的情况,这时既是第一行也是最后一行)或者被强制打断的行的对齐方式
  • 如果某一行同时也是块内的第一行或者第一行但后面紧跟着强制换行,除非显示的指定 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

text-align-last兼容哪些浏览器?

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
支持版本\类型 IE Firefox Safari Chrome Opera
版本 6.0-11.0 #1 12.0-28.0 -moz- 1.0-7.0 1.0-31.0 1.0-18.0
  1. 不支持:start | end。

text-align-last的完整演示案例

5. css文本效果

css1/css25.1 text-indent(文本缩进)语法:​text-indent:|​取值::用长度值指定文本的缩进。可以为负值。:用百分比指定文本的缩进。可以为负值。​注...2016年3月13日

CSS动态实现文本框清除按钮的隐藏与显示

但是长得略微粗糙了点,设计师同学接受不了。貌似不和谐了,咋办?传授个新技能,借助HTML以及CSS,来模拟清除按钮可动态呈现的搜索框。如下CSS:...2015年6月27日

width: 300px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;测试浏览器: IE6/7/8/9...2014年8月27日

div+css文本垂直居中

作用在使用它的块元素中的文字或者图片上。使得它们在水平方向上居中。这个属性只能作用于块元素(或者被CSS控制为块元素的内联元素...4月28日

-webkit-line-clamp:3;overflow:hidden;效果如图:适用范围:因使用了WebKit的CSS扩展属性,该方法适用于WebKit浏览器及移动端;注...2016年11月28日

1、TextColor颜色值属性被用来设置文字的颜色,颜色值通过CSS最经常指定:十六进制:#FF0000一个RGB值:RGB(255,0,0)颜色名称...2016年10月18日

CSS文本:属性描述color设置文本颜色direction设置文本方向。line-height设置行高。letter-spacing设置字符间距。text-align对齐元素中的文本...2015年1月31日

在CSS3详解的上一篇中我们讲到了transform的具体属性和用法,今天我们看一个相对简单的text-shadow。CSS3text-shadow是什么?text-shadow的含义是:文本的阴影...2015年3月3日

charset=gb2312"/>MB5Uul{width:300px;margin:50pxauto...2014年9月12日

div多行文本固定高度的垂直居中vertical-align属性只会对拥有valign特性的(x)HTML标签起作用,在css中有一个display属性可以模拟...2016年8月31日

在使用渐变时,需要配置后备background-color或者background-image属性,供不支持css3渐变的浏览器使用,css3渐变需要编码4个样式的声明...2014年10月28日

CSS技能篇: 环形文本

有时候有一些比较短的文本需要遵循环形路径显示。这种时候,CSS就弃我们而去了。没有任何CSS属性或功能可以完成这个效果...2016年7月21日

允许在字内换行word-break:normal;}强制英文单词断行div{word-break:break-all;}3.总结了一下,只要在CSS中定义了如下句子,可保网页不会再被撑开了...2015年1月8日

标题文件有50个汉字,而我们的列表可能只有300px的宽度。假如用标题截取函数,则标题不是完整的,假如我们用CSS样式text-overflow:ellipsis,输出的标题是完整的...2015年5月14日

平时常见的css文字属性有哪些??font-size:像素,字体大小,font-family:字体名称,设置字体名称font-style...2016年4月28日

发布于2014-10-30 17:44:06CSS文本:一、缩进文本1、text-indent属性:一般来说,可以为所有块级元素应用 text-indent,但无法将该属性应用于行内元素...2014年10月30日

==color:#ffffff; opacity : 0.8;text-align : right;}CSS的渐变:CSS是“渐进性增强”...2014年10月31日

CSS3参考手册,全网最新最全的CSS3参考手册,为你呈现最好的CSS3文档CSS3参考手册