vertical-align:middle无法居中

img跟文本在一行，文本无法居中的问题：

 <style>
/*定义垂直居中*/
#weather * {
 margin: 0px;
 padding: 0px;
 vertical-align: middle;
}

/*定义div大小，以及水平居中*/
#weather {
 background: #fff000;
 width: 500px;
 height: 500px;
 text-align: center;
}

/*辅助图片高度填满div，宽度为0，所以看不到这个图片*/
#img {
 width: 0px;
 height: 100%;
}
</style>
 <body>
  <div id="test">
　　<!--辅助图片 -->
   <img alt="" src="" id="img">
 　　<!--要居中的图片 -->
    <img alt="" src="skin/images/top/logo.jpg">
   </div>

posted @ 2015-10-19 19:18  小美_chen  阅读(164)  评论(0)    收藏  举报