用CSS解决图片IMG垂直居中的问题
2009-05-26 19:36:14 来源:WEB开发网核心提示:大家都知道,要想让图片和文字垂直居中对齐的话,用CSS解决图片IMG垂直居中的问题,可以在IMG标签下添加align=absmiddle属性即可实现,但align=absmiddle属性在W3C验证下通不过,那么是否可以用CSS来代替IMG的align=absmiddle属性来实现垂直居中呢,答案是肯定的
大家都知道,要想让图片和文字垂直居中对齐的话,可以在IMG标签下添加align=absmiddle属性即可实现,但align=absmiddle属性在W3C验证下通不过,那么是否可以用CSS来代替IMG的align=absmiddle属性来实现垂直居中呢,答案是肯定的。可以在CSS中加入vertical-align:middle;就能实现了:
<div><img style="vertical-align:middle;" src="http://www.cncms.com/uploadfile/png/IconBuffet/Redmond/close_32.png" />用CSS实现图片和文字垂直居中对齐</div><br /><br />
<div><img src="http://www.cncms.com/uploadfile/png/IconBuffet/Redmond/close_32.png" />这个是没加样式的效果</div><br /><br />
<div><img align=absmiddle src="http://www.cncms.com/uploadfile/png/IconBuffet/Redmond/close_32.png" />这个是用align=absmiddle实现图片和文字垂直居中对齐</div>
从效果上看好像用CSS实现的稍微靠上了一些,不过用css控制感觉要爽多了。
<div><img style="vertical-align:middle;" src="http://www.cncms.com/uploadfile/png/IconBuffet/Redmond/close_32.png" />用CSS实现图片和文字垂直居中对齐</div><br /><br />
<div><img src="http://www.cncms.com/uploadfile/png/IconBuffet/Redmond/close_32.png" />这个是没加样式的效果</div><br /><br />
<div><img align=absmiddle src="http://www.cncms.com/uploadfile/png/IconBuffet/Redmond/close_32.png" />这个是用align=absmiddle实现图片和文字垂直居中对齐</div>
从效果上看好像用CSS实现的稍微靠上了一些,不过用css控制感觉要爽多了。
- ››解决flash 中无法导出swf文件的方法
- ››CSS里的 no-repeat属性是什么
- ››CSS设置DIV背景色渐变显示
- ››解决"ios模拟器未能安装此应用程序"办法...
- ››解决jquery easyui easyloader加载外部js文件失败...
- ››解决无法使用Android SDK Manager下载SDK开发包的...
- ››解决网页内容无法复制
- ››解决Android手机在开发调试时logcat不显示输出信息...
- ››解决Windows 8操作系统假死的方法
- ››解决ubuntu 不识别 android 设备 方法
- ››解决ubuntu server sudo出现sudo:must be setuid ...
- ››解决数据库 Table 'content_tags' is mar...
更多精彩
赞助商链接