图片和文字对齐问题

做网页的时候经常会遇到图片和文字对齐的问题，当图片和文字一起的时候，文字总是对齐图片的底端，很难看，这时候要运用vertical-align属性，对图片的vertical-align进行设置，例如文字要与图片中心对齐的时候vertical-align:middle进行设置。

 

 

语法：
 
vertical-align : baseline |sub | super |top |text-top |middle |bottom |text-bottom |length
 
参数：
 
baseline : 　将支持valign特性的对象的内容与基线对齐
sub : 　垂直对齐文本的下标
super : 　垂直对齐文本的上标
top : 　将支持valign特性的对象的内容与对象顶端对齐
text-top : 　将支持valign特性的对象的文本与对象顶端对齐
middle : 　将支持valign特性的对象的内容与对象中部对齐
bottom : 　将支持valign特性的对象的文本与对象底端对齐
text-bottom : 　将支持valign特性的对象的文本与对象顶端对齐
length : 　CSS2　由浮点数字和单位标识符组成的长度值 | 或者百分数。可为负数。定义由基线算起的偏移量。基线对于数值来说为0，对于百分数来说就是0%。目前IE5尚不支持。请参阅长度单位
 
说明：
 
设置或检索对象内容的垂直对其方式。
对应的脚本特性为verticalAlign 。请参阅我编写的其他书目。
 
示例：
 
td { vertical-align : center; }