CSS文本:text-align

text-align简介
text-align属性在CSS文本中是比较常用的,本文将带你深入理解text-align属性的各个方面,包括它的语法、取值、作用和浏览器兼容性,最后附上text-align的实例,希望能够对你有所帮助。
text-align定义和用法

text-alignstart end | match-parent | <string>? [ start | end | left | right | center | justify ]

默认值start

适用于:块元素

继承性:有

动画性:否

计算值:指定值,除 match-parent 值外

text-align属性值
left:
内容左对齐。
center:
内容居中对齐。
right:
内容右对齐。
justify:
内容两端对齐。
start:
内容对齐开始边界。(CSS3)
end:
内容对齐结束边界。(CSS3)
<string>:
字符串必须是单一字符,否则申明将无效。(CSS3)
match-parent:
这个值和 inherit 表现一致,只是该值继承的 start 或 end 关键字是针对父母的 direction 值并计算的,计算值可以是 left 和 right 。(CSS3)
start end:
指定 start 对齐第一行和任何强制打断的行;end 对齐所有剩余的行不受 text-align-last 影响。(CSS3)
text-align说明
设置或检索对象中内容的水平对齐方式。
  • 块级元素的文本是一些堆叠的线框
  • 要使得 text-align 的 justify 两端对齐生效,需要在汉字间插入有空白,如空格;
  • 块内的最后一行文本(包括块内仅有一行文本的情况,这时既是第一行也是最后一行)及被强制打断的行,其两端对齐需使用 text-align-last;
  • IE浏览器下,如果 text-align-last 要生效,必须先定义 text-align 为justify;
  • 单行两端对齐效果变得比较简单:

    查看 css两端对齐详解 css两端对齐效果demo

  • 对应的脚本特性为textAlign


来源:http://caibaojian.com/css3/properties/text/text-align.htm
2020-01-16 10:37 举报

关于挟翼

挟翼一款提供UI页面设计的软件。
您只需要动一动鼠标绘制相关的元素,软件会自动帮你完成CSS样式和HTML代码。
从现在开始注册,立即赠送一年VIP会员。活动结束日期待定。