一般直接使用小图标<img/>再加文本,都会出现小图标与文本不能对齐的情况。
如果,小图标和文本在同一div中,解决方法:
1、可以设置小图标vertical-align:middle;
2、设置div样式:background:url() no-repeat left center;(后面两个元素可以根据自己需要调。)
如果小图标和文本在同一A标记中,可以在A标记中加个div,方式同上。
laiwenhuajava 博主文章分类:技术博客 ©著作权
文章标签 小图标与文本不能对齐 文章分类 前端开发
一般直接使用小图标<img/>再加文本,都会出现小图标与文本不能对齐的情况。
如果,小图标和文本在同一div中,解决方法:
1、可以设置小图标vertical-align:middle;
2、设置div样式:background:url() no-repeat left center;(后面两个元素可以根据自己需要调。)
如果小图标和文本在同一A标记中,可以在A标记中加个div,方式同上。
下一篇:12月份
在CSS中,你可以使用vertical-align属性来让图片与文字底部对齐。这个属性用于设置元素的垂直对齐方式。以下是一个示例代码
Windows下当使用的字体是微软雅黑时,在QTextEdit中显示文
在线演示 本地下载
举报文章
请选择举报类型
补充说明
0/200
上传截图
格式支持JPEG/PNG/JPG,图片不超过1.9M