vertical-align应用

vertival-align属性,设置基线对齐。常用于行块级元素,如:input,img,或者属性设置为display:inline-block;的元素。在使用精灵图的时候也会用到。通过设置此属性,可以让图片和文本 在垂直方向安照设置的位置定位 。在w3c标准中,vertical-align的属性值非常多,不利于记忆。为了方便使用,咱们只需要记住以下几个属性即可(top,middle,bottom,像素值)。另外此属性在版本IE上显示的效果是不同的(input和文本的对齐)。所以,需要设置此属性做好兼容。以下是相关代码介绍:

<img src=”imgs/1.jpg”><span>hello world</span>


<style>

img{

vertical-align:middle;

}

</style>

 

1 comment

发表评论

电子邮件地址不会被公开。 必填项已用*标注

ˆ Back To Top