[CSS]图片与文字对齐问题
2024-10-11 14:48:16
摘自：张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com]
图片与文字默认是居底对齐了。所以当图片与文字在一起的时候往往都是不对齐的。尤其图片较小时就更加明显了，我看到很多人使用vertical-align:middle;对齐。在火狐下效果是不错，但是IE下，虽然是效果好了些，但还是不够。
如果，图片是个20像素*20像素左右的小图片，文字也差不多12px大，则使用vertical-align:text-bottom;是不错的个方法。还有个屡试不爽，兼容性不错的方法就是使用margin负值了。img标签是个很不错的标签，支持margin四个方向的正的和负的定位。一般img标签打头的小图标与文字对齐的话，img{margin:0 3px -3px 0;}可以说是公式版的东西，能实现效果和兼容性俱佳的对齐效果。
最新文章
- MySQL基本命令
- Light OJ 1140
- Kotlin & Vertx 构建web服务
- [windows驱动]windows8.1驱动调试前戏
- 使用crs_setperm修改RAC资源的所有者及权限
- Shell学习笔记 - 分支语句
- JavaScript高级程序设计：第八章
- Windows下的OpenCVSharp配置
- 解决svn更新项目目录时“Error:svn: E155037: Previous operation has not finished; run 'cleanup' if it was interrupted”的报错问题
- 关于dom&bom
- iOS网络请求-AFNetworking源码解析
- springboot之scheduled任务调度
- Intellij Idea识别Java Web项目
- js的一些总结
- ImageProcessor.Web，再也不用自己生成缩略图了
- 创建shell脚本
- 'basetsd.h': No such file or directory
- Ado.Net，关于DataSet和DataTable
- VMware按装ISO
- ETL,BPM与ESB三者的一些感悟