图片文字对齐技巧

  • Post author:
  • Post category:其他


当图片和文字高度一致时

<div><img src="images/shuliang.png" alt=""> 数量:15</div>

vertical-align: text-bottom

文本 和图片对齐

当图片和文字高度不一致时

 <div><img src="images/sixin-xx.png" alt="" srcset=""> 私信通知</div>

使用padding将图片的上下内边距控制,使之高度和文字高度相同即可居中

vertical-align: middle;



版权声明:本文为weixin_43295106原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。