《
CSS属性Vertical Align使用方法讲解》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302333532013.htm
跟基线不同，它是文字的底端，是下行文字凑近的方向。图片也能够很好的和它对齐。
Sub和Super
不要使用缩写
Middle
Top和Bottom
Text-bottom
如果你愿望文字与表格的顶部或者底部对齐，应用top或者bottom对齐,CSS将图像设置为背景。
当给表格运用vertical-align时,CSS实用表格示例(带注释)，是靠顶部、底部仍是居中对齐要看福气。没有一个值是可以说明的通的,CSS实用技巧18招，不同的阅读器有不可预感的结果。好比，在表格中给文字应用text-bottom对齐方法时，IE6中是在底部，Safari4中是在顶部。设置为sub,css实现鼠标经过图片显示边框的代码，IE6中是在旁边，Safari4中是在顶部。
注意在这个应用案例中，它被应用到了img元素上。图片通常是行内元素，象征着它通常是和文字在一起的。但是到底”在一起”确实的是什么意思？这就是Vertical-align所要解决的。
图片，从实践上来说是行内元素，表现上却像是行内块级元素,CSS实现鼠标滑过表格变色。你可以给它设置高度和宽度，它会遵照,css实现页面文字不换行、自动换行、强制换行，不像其它行内元素。
Tag：Vertical Align Vertical Align
在表格中垂直对齐
Baseline
Vertical Align和Inline-Block
CSS有一个属性叫Vertical Align。当你第一次学习它的时候会有些困惑，因此我感到咱们可以通过它的用法来懂得它。最基础的用法像这样：
这两个值的意思是上标和下标，因而元素依照这个方式对齐本身如下：
有效值为：baseline,sub,super,CSS实现绝对的完美圆角框,top,text-top,middle,bottom,text-bottom,length或者百分比值,CSS实现简单圆角效果。
Top和Bottom相似于text-top和text-bottom，但是他们不受文字的限度，依附于所在行的所有货色（比如另外一张图片）。因此如果一行有两张图片，不同的高度，而且都要比所在行的文字大，它们的顶端（或者底端）就会对齐，而不理睬文字的大小。
给行内块级元素利用vertical-align，表示就像如上图片那样，这是vertical-align是起码让你担忧的。然而那是另外一个故事了…&hellip,CSS实现的简易进度条;
通常你会在表格中看到”valign”来实现垂直对齐。比方，<td valign=top>。须要阐明的是这种缩写是不应当使用的。真的不任何理由这样使用CSS。
和text-bottom相反的就是text-top，当前文字的最高点。你也可以顺次对齐。注意下面的文字，Georgia字体，最上端要比图片高出一点。
兴许vertical-align的最常用的用法是给图标大小的图片设置为”middle”。结果有着跨浏览器的一致性。
img{
vertical-align: middle;
}
不像图片，表格默认为居中垂直对齐：
我以为最让人使人迷惑的是，当大家尝试着给块级元素应用vertical-align时，却得不到任何成果。假如你有一个大一些div，其中包括一个小的div，你盼望小的可能在大的之内垂直居中对其，vertical-align没法帮到你。Douglas Heriot有好方式来实现这种后果。
Text-top
浏览器能够让文字和图片准确的对齐：
vertical-align默认的值就是baseline（如果你没有做任何申明的话）。图片会和文字以文字基线为准对其。留神下行字母降到了基线以下,CSS实现滑动导航栏效果。图片不会和下行字母的最下端对齐，那不是基线。
--> [
网站建设之]CSS属性Vertical Align使用办法讲授
要警惕如果图片比当前文字和行高要大的话，在需要的时候它会将下面的线条向下推：
(责任编辑：网站建设)
CSS属性Vertical Align使用方法讲解相关文章