当前位置:起点学习辅导网培训频道电脑知识学习网页制作HTML与CSS教程用CSS解决图片IMG垂直居中的问题

用CSS解决图片IMG垂直居中的问题

01-01 19:59:59浏览次数:211栏目:HTML与CSS教程
标签:html与css教程,css教程,html网页设计教程,暂无联系方式 用CSS解决图片IMG垂直居中的问题,
大家都知道,要想让图片和文字垂直居中对齐的话,可以在IMG标签下添加align=absmiddle属性即可实现,但align=absmiddle属性在W3C验证下通不过,那么是否可以用CSS来代替IMG的align=absmiddle属性来实现垂直居中呢,答案是肯定的。可以在CSS中加入vertical-align:middle;就能实现了:
<div><img style="vertical-align:middle;" uploadfile/png/IconBuffet/Redmond/close_32.png"  />用CSS实现图片和文字垂直居中对齐</div><br /><br />
<div><img uploadfile/png/IconBuffet/Redmond/close_32.png"  />这个是没加样式的效果</div><br /><br />
<div><img align=absmiddle uploadfile/png/IconBuffet/Redmond/close_32.png"  />这个是用align=absmiddle实现图片和文字垂直居中对齐</div>
    从效果上看好像用CSS实现的稍微靠上了一些,不过用css控制感觉要爽多了。,用CSS解决图片IMG垂直居中的问题
给资讯打分:
网友评论: