首页 >  js/css/html >  img图片和a标签在同一行的css写法

1、直接使用css样式

<style>
       a, img {
           display: inline-block;
           vertical-align: middle;
       }
   </style>
 
2、使用：before 或：after伪类
 
此方法适合批量统一添加，具体细节可以内部调整
 
a:before{
content: '';
display: inline-block;
margin-top: 12px;
margin-right: 20px;
width: 36px;
height: 36px;
  background-size:cover;
background-image: url("./分享.png");
background-size: 100% 100%;
}