首页 > 其他 > 详细

狠狠地了解了解vertical-align

时间:2015-08-20 12:41:15      阅读:115      评论:0      收藏:0      [点我收藏+]

说来惭愧,好像自己只是用过vertical-align:middle这样一个属性,不过最近慢慢开始对她进行探索发现她还真是深不可测,我等只能鞭长莫及啊...

一.vertical-align基础介绍

vertical-align顾明思意,懂英文的人都会知道是垂直对齐的意思,而我们所常用的vertical-align也是用来垂直对齐的作用,基本格式:

1 input{
2      vertical-align: middle;                           
3 }    

 

 但同时我也也是要去注意,这个属性有她的应用范围:

1.只能应用于行内元素和替换元素,如图像和表单输入元素

2.vertical-align属性不能继承

 

二.vertical-align的取值

属性 描述
baseline  要求一个元素的基线与其父元素的基线对齐
 sub  
 super  
 text-top  
 middle  
 bottom  
 text-bottom  
 百分数  
 长度  
 inherit  

狠狠地了解了解vertical-align

原文:http://www.cnblogs.com/vgsir/p/4744356.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!