无论是微信小程序还是网页都会出现一个常见的问题:就是文字与图片无法并排对齐的问题;比如这次在做微信小程序的时候就遇到了相同的问题,在一个用了绝对定位的div里面,如何保证图片与文字并排对齐。如下图:
?总是不与旁边的两个字对齐,这种情况的处理办法有如下两种:
1.在文字上面也加一个position:absolute;绝对定位代码如下:
2.给文字设置与图片高度相同的line-height,同时给文字设置vertical-align:middle;最终效果如下:
无论是微信小程序还是网页都会出现一个常见的问题:就是文字与图片无法并排对齐的问题;比如这次在做微信小程序的时候就遇到了相同的问题,在一个用了绝对定位的div里面,如何保证图片与文字并排对齐。如下图:
1.在文字上面也加一个position:absolute;绝对定位代码如下:
2.给文字设置与图片高度相同的line-height,同时给文字设置vertical-align:middle;最终效果如下: