css图标由于宽度不一致导致文本不对齐

图片描述

如图:事实上每个图标都有一个margin-right:10px,可是右边的文字并没有左边缘对其,由于设计师切图的时候每个图标剔除了透明像素导致的每个图标宽度不一致。现在无法使用iconfont方案,除了将图标一个个进行ps处理成等高等宽之外(保留透明像素),还有什么办法?

阅读 4.9k
4 个回答

两种方式,
1.每个图标设置固定大小即可解决,但是图片有可能变形或变的大小不一;
2.将图标作为i标签的背景(背景图片可以设置大小和位置),i设置固定大小就行了;

每个图标都给一个固定的宽度试试看

每个图片设定宽度和高度。

楼主,你的图标们设置成背景图,然后设置文字距左的距离就可以了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题