我有 3 张图片,我希望所有图片都位于水平线之后的页面中心
这是代码
<div class="footer">
<hr>
<p id="socmed">Connect Socially With Us:</p>
<img id="fb" border="0" src="image/fb.png" alt="Facebook Fan Page" align="center">
<img id="twitter" border="0" src="image/twitter.png" alt="Facebook Fan Page" align="center">
<img id="youtube" border="0" src="image/youtube.png" alt="Facebook Fan Page" align="center">
<hr>
</div>
hr{
border: 0;
height: 5px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
我正在尝试使用对齐功能,但它没有任何效果
有没有办法将这 3 张图像居中对齐并彼此相邻?
谢谢
最佳答案
使用这个
.footer{text-align:center;}
关于html - 在html中将图像彼此居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24713698/