CSS文本:vertical-align

2016-02-19 16:39 4 1 收藏

下面图老师小编跟大家分享一个简单易学的CSS文本:vertical-align教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

【 tulaoshi.com - Web开发 】

vertical-align版本:CSS1/CSS2  兼容性:IE4+ NS4+ 继承性:无

语法:

vertical-align : auto | baseline | sub | super | top | text-top | middle | bottom | text-bottom | length

取值:

auto : CSS1 根据 layout-flow 属性的值对齐对象内容

baseline : CSS1 默认值。将支持 valign 特性的对象的内容与基线对齐

sub : CSS1 垂直对齐文本的下标

super : CSS1 垂直对齐文本的上标

top : CSS1 将支持 valign 特性的对象的内容对象顶端对齐

text-top : CSS1 将支持 valign 特性的对象的文本与对象顶端对齐

middle : CSS1 将支持 valign 特性的对象的内容与对象中部对齐

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

bottom : CSS1 将支持 valign 特性的对象的内容与对象底端对齐

text-bottom : CSS1 将支持 valign 特性的对象的文本与对象顶端对齐

length : CSS2 由浮点数字和单位标识符组成的长度值 | 百分数。可为负数。定义由基线算起的偏移量。基线对于数值来说为0,对于百分数来说就是0%。请参阅 长度单位 。目前IE尚未实现此参数

说明:

设置或检索对象内容的垂直对其方式。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

对于 currentStyle 对象而言此属性的默认值为 auto 。对于其他对象而言是 baseline 。

此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。

对应的脚本特性为 verticalAlign 。

示例:

td { vertical-align : middle; }

来源:https://www.tulaoshi.com/n/20160219/1612642.html

延伸阅读
标签: Web开发
注:本文由 Robin 翻译自 webdesignerwall  (这个标题不知道该怎么翻译好, 希望大家能提提意见.) 你是否想不用photoshop来创建一个带渐变的标题文字吗? 这里用一个简单的css技巧来向你展示如何仅仅使用css和png图片来制造这种效果. 经测试这种方法适合大多数主流浏览器.当然, IE6需要一个支持透明PNG的Hack(值得庆幸的是微软正在...
标签: Web开发
layout-flow版本:IE5.5+专有属性 继承性:有 语法: layout-flow : horizontal | vertical-ideographic 取值: horizontal :? 默认值。对象中的内容自左边流入。下一行在前一行下面。这个值适用于拉丁语系 vertical-ideographic :? 对象中的内容自上而下流入,下一行在前一行左面。这个值适用于亚洲语系 说明: 设置或检索对...
标签: Web开发
语法: white-space : normal | pre | nowrap 取值: normal : 默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行 pre : 换行和其他空白字符都将受到保护。这个值需要IE6+或者 !DOCTYPE 声明为 standards-compliant mode 支持。如果 ! DOCTYPE 声明没有指定为 standards-compliant mode ,此属性可以使用...
标签: Web开发
语法: ruby-overhang : auto | whitespace | none 取值: auto : 默认值。  ruby 文本突出相邻基本文本的任何其他文本 whitespace : ruby 文本只突出空白区域的字符 none : ruby 文本只突出相邻基本文本的任何其他文本 说明:设置或检索通过 rt 对象指定的注释文本或发音指南(参考 ruby 对象)的位置。此属性对于 current...
标签: Web开发
语法: ruby-position : above | inline 取值: above :? 默认值。在基本文本上方定位 ruby 文本 inline :? ruby 文本与基本文本内联 说明: 设置或检索通过 rt 对象指定的注释文本或发音指南(参考 ruby 对象)的位置。 此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。 对应的脚本特性为 rubyPositio...

经验教程

990

收藏

94
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部