日期:2014-05-17  浏览次数:20751 次

图片IMG垂直居中align=absmiddle属性通不过验证,用CSS解决
原帖地址:http://www.aa25.cn/content.asp?id=389
?
从今年开始本站更多地关注怎么去符合标准(通过W3C认证),以前不符合规范的地方将逐步摈弃,希望和大家一块学习。

大家都知道,要想让图片和文字垂直居中对齐的话,可以在IMG标签下添加align=absmiddle属性即可实现,但align=absmiddle属性在W3C验证下通不过[验证地址请查看W3C网页标准验证服务地址],那么是否可以用CSS来代替IMG的align=absmiddle属性来实现垂直居中呢,答案是肯定的。
可以在CSS中加入vertical-align:middle;就能实现了

?

<div><img style="vertical-align:middle;" src="/uploadfile/png/IconBuffet/Redmond/close_32.png" />用CSS实现图片和文字垂直居中对齐</div><br /><br /> <div><img src="/uploadfile/png/IconBuffet/Redmond/close_32.png" />这个是没加样式的效果</div><br /><br /> <div><img align=absmiddle src="/uploadfile/png/IconBuffet/Redmond/close_32.png" />这个是用align=absmiddle实现图片和文字垂直居中对齐</div>

?
从效果上看好像用CSS实现的稍微靠上了一些,不过用css控制感觉要爽多了