<li ><a href="#" class="homeli-a">手机 <img class="jiantou" src="./images/icon/箭头右.png" alt=""></a></li>
css
ul li{
list-style: none;
/* text-align: center; */
width: 234px;
height: 42px;
}
.homeli-a{
display: flex;
justify-content:space-between;
align-items: center;
padding-left: 30px;
width: 204px;
height: 42px;
color: white;
}
.jiantou{
height: 14px;
line-height: 14px;
width: 14px;
margin-left: 140px;
margin-right: 20px;
}
文字出现重叠
因为我把宽度给人家占了
删掉这一句 margin-left: 140px;
即可