嗨,我有一个问题,每次我尝试居中对齐我的社交媒体图像时,它们都会以水平列出的方式放置
这是图像的html代码
<div class="socialMediaIcon">
<a href="http://twitter.com/nafis985">
<img src="img/twitter.png" alt="Twitter Logo">
</a>
<a href="http://facebook.com/nafis.rahman3">
<img src="img/facebook.png" alt="Facebook Logo">
</a>
</div>
我尝试将其居中的CSS是
.socialMediaIcon img {
width: 80px;
display: block;
margin: 0 auto;
}
.socialMediaIcon li {
display: inline-block;
}
ul {
list-style: none;
}
.socialMediaIcon li a {
display: inline-block;
}
.socialMediaIcon {
text-align: center;
}
<div class="socialMediaIcon">
<ul>
<li>
<a href="http://twitter.com/nafis985">
<img src="img/twitter.png" alt="Twitter Logo">
</a>
</li>
<li>
<a href="http://facebook.com/nafis.rahman3">
<img src="img/facebook.png" alt="Facebook Logo">
</a>
</li>
</ul>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句