会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
木头wood
倾听每一刻——listen
博客园
首页
新随笔
联系
管理
订阅
图片的居中显示
图片的垂直居中显示的问题,经常会遇到。
结构:
<
div
class
="img_box"
>
<
img
src
="http://assets.taobaocdn.com/img/chl/fp/logo080808.png"
/>
</
div
>
样式:
Code
.img_box
{
display
:
table-cell
;
vertical-align
:
middle
;
text-align
:
center
;
/*
for IE
*/
*display
:
block
;
*font-size
:;
*font-family
:
Arial
;
/*
end
*/
width
:
200px
;
height
:
200px
;
border
:
1px solid
;
}
.img_box img
{
vertical-align
:
middle
;
}
如果给img套个a标签,也是可以垂直居中的,不能声明a的任何属性。
posted @
2009-10-29 16:32
木头wood
阅读(
218
) 评论(
0
)
收藏
举报
刷新页面
返回顶部
公告