CSS-将CSS中的两个图像并排居中
我试图将两个图像并排居中，但由于某种原因，它始终将图像显示在彼此下方。有谁知道我如何才能使他们居中并排在一起？
谢谢！
HTML代码
<a href="mailto:olympiahaacht@hotmail.com">
<img id="fblogo" border="0" alt="Mail" src="http://olympiahaacht.be/wp-content/uploads/2012/07/email-icon-e1343123697991.jpg"/></a>
<a href="https://www.facebook.com/OlympiaHaacht" target="_blank">
<img id="fblogo" border="0" alt="Facebook" src="http://olympiahaacht.be/wp-content/uploads/2012/04/FacebookButtonRevised-e1334605872360.jpg"/></a>`
CSS代码
#fblogo {
display: block;
margin-left: auto;
margin-right: auto;
height: 30px;
}
问题答案：
尝试改变
#fblogo {
display: block;
margin-left: auto;
margin-right: auto;
height: 30px;
}
至
.fblogo {
display: inline-block;
margin-left: auto;
margin-right: auto;
height: 30px;
}
#images{
text-align:center;
}
HTML
<div id="images">
<a href="mailto:olympiahaacht@hotmail.com">
<img class="fblogo" border="0" alt="Mail" src="http://olympiahaacht.be/wp-content/uploads/2012/07/email-icon-e1343123697991.jpg"/></a>
<a href="https://www.facebook.com/OlympiaHaacht" target="_blank">
<img class="fblogo" border="0" alt="Facebook" src="http://olympiahaacht.be/wp-content/uploads/2012/04/FacebookButtonRevised-e1334605872360.jpg"/></a>
</div>
-
我正试图通过隐藏png来显示后面的gif来播放悬停上的gif。我可以在悬停状态下播放gif，问题是它不在div的中心。我在这里试过：
-
问题内容： 我正在尝试使用CSS将图像水平居中放置。 我正在使用以下HTML代码在屏幕上显示图像： 我正在裁剪图像，因为我只想显示一些图像，并且正在使用以下CSS： 但是，一旦裁切后，我将无法确定如何居中。 有人能帮忙吗？ 问题答案： 这样使用绝对位置和保证金位置
-
问题内容： 我想居中背景图像。没有使用div，这是CSS样式： 上面的CSS会全部平铺并将其居中，但是看不到一半的图像，只是向上移动了一点。我想做的就是将图像居中。我可以在21英寸的屏幕上观看图像吗？ 问题答案： background-image: url(path-to-file/img.jpg); background-repeat:no-repeat; background-position
-
问题内容： 我试图在此页面上将新闻滑块（位于div底部容器中）居中： http://www.luukratief- design.nl/dump/parallax/index.html 我已经有了 仍然不起作用。 有什么建议么？ 问题答案： 在仅中心元素的 在线内容 ，而不是元素本身。 如果它是一个 块_元素（一个是），则需要设置；否则，如果它是一个[ _内联_元素]，则需要在 _其父 元素上设置
-
我正试图在页面中央对齐两幅有响应的图像。 我在用电脑。容器类，但仍然是向右的。
-
问题内容： 我需要将页脚固定在页面底部并居中。页脚的内容可能随时更改，因此我不能仅通过margin-left居中：xxpx; 右边距：xxpx; 问题是由于某种原因这不起作用： 我爬网，一无所获。我试着做一个容器div和nada。我尝试了其他组合和gurnisht。我怎样才能做到这一点？ 谢谢 问题答案： 您应该使用这样的粘性页脚解决方案： 还有其他类似的东西。 与html：