码迷,mamicode.com
首页 > 其他好文 > 详细

霸道的 vertical-align

时间:2016-04-27 22:16:30      阅读:255      评论:0      收藏:0      [点我收藏+]

标签:

vertical-align这个是设置元素的垂直排列的.
用来定义行内元素的基线相对于该元素所在行的基线的垂直对齐.
它的值比较多:baseline | sub | super | top | text-top | middle | bottom | text-bottom | inherit
所有浏览器都支持 vertical-align 属性。
注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

取值

将支持valign特性的对象的内容与基线对齐
sub:
垂直对齐文本的下标
super:
垂直对齐文本的上标
top:
将支持valign特性的对象的内容与对象顶端对齐
text-top:
将支持valign特性的对象的文本与对象顶端对齐
middle:
将支持valign特性的对象的内容与对象中部对齐
将支持valign特性的对象的文本与对象底端对齐
text-bottom:
将支持valign特性的对象的文本与对象底端对齐
<percentage>:
用百分比指定由基线算起的偏移量。可以为负值。基线对于百分数来说就是0%。
<length>:
用长度值指定由基线算起的偏移量。可以为负值。基线对于数值来说为0。(CSS2)

说明

设置或检索对象内容的垂直对其方式。
对应的脚本特性为verticalAlign。
该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。
JavaScript 语法:object.style.verticalAlign="bottom"
http://www.w3school.com.cn/cssref/pr_pos_vertical-align.asp 有详解

 

霸道的 vertical-align

标签:

原文地址:http://www.cnblogs.com/dawnunique/p/5440430.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!