会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
阿牛·乐园
每天进步一点点
博客园
首页
新随笔
联系
管理
订阅
[收藏]DIV中图片居中
<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
<
html
xmlns
="http://www.w3.org/1999/xhtml"
>
<
head
>
<
meta
http-equiv
="Content-Type"
content
="text/html; charset=gb2312"
/>
<
title
>
一个div里面图片垂直居中的例子
</
title
>
<
style
type
="text/css"
>
<!--
div
{
}
{
width
:
120px
;
height
:
100px
;
border
:
1px solid #ccc
;
overflow
:
hidden
;
position
:
relative
;
display
:
table-cell
;
text-align
:
center
;
vertical-align
:
middle
;
background-color
:
blue
;
}
div span
{
}
{
position
:
static
;
+position
:
absolute
;
top
:
50%
;
}
img
{
}
{
position
:
static
;
+position
:
relative
;
top
:
-50%
;
left
:
-50%
;
}
-->
</
style
>
</
head
>
<
body
>
<
div
>
<
span
>
<
img
src
=http://images.sohu.com/uiue/sohu_logo/beijing2008/sohu.gif
>
</
span
>
</
div
>
</
body
>
</
html
>
QQ:273352165 evlon#126.com 转载请注明出处。
posted @
2007-03-22 14:48
阿牛
阅读(
3793
) 评论(
4
)
编辑
收藏
举报
会员力量,点亮园子希望
刷新页面
返回顶部
公告