当柳上原的风吹向天际的时候...

真正的快乐来源于创造
  BlogJava :: 首页 :: 联系 :: 聚合  :: 管理
  368 Posts :: 1 Stories :: 201 Comments :: 0 Trackbacks
实现Ｉｍｇ在ＤＩＶ中垂直居中的一种方法
代码：
＜ｄｉｖ　ｃｌａｓｓ＝＂ＸＸＸ＂＞
    ＜ｉｍｇ　ｃｌａｓｓ＝＂Ｘ＂　ｓｒｃ＝＂ＸＸ＂＞
＜／ｄｉｖ＞

方法：
设置ｄｉｖ与ｉｍｇ等高，其ｈｅｉｇｈｔ＝ｌｉｎｅ－ｈｅｉｇｈｔ，这样Ｉｍｇ就被ＤＩＶ夹在中间了．
再设置ｄｉｖ的ｍａｒｇｉｎ－ｔｏｐ＝ｍａｒｇｉｎ－ｂｏｔｔｏｍ，这样上下外边距相等，ｉｍｇ就随着ｄｉｖ被夹在中间了．
posted on 2013-04-30 21:10 何杨 阅读(381) 评论(0)  编辑  收藏 所属分类: CSS

只有注册用户登录后才能发表评论。
网站导航: