seanly

 

div+css网页布局中的图片垂直居中方法

1.给图片加属性align="absmiddle"

2.样式:

<div id="buttons">
    <img src="ZR04.gif" alt="登录" />
    <img src="ZR05.gif" alt="注册" />
    <a href="#">忘记密码</a>
</div>
默认的情况下,文字是底部对齐的。
要使文字垂直居中对齐的方法其实很简单,就是给所有内联元素加垂直对齐样式:

#buttons *{
    vertical-align:middle;
}

注意:
vertical-align属性不能对块级元素起作用。
对于垂直居中,提供一个思路: 文本在行框中总是垂直居中的,简单的设置行高并对块级元素应用 display: inline
当图片按钮有超级链接时,加上属性border="0",图片外面不会有蓝色边框

posted on 2010-10-16 10:14  seanly  阅读(227)  评论(0编辑  收藏  举报

导航