我试图将两个图像并排放置,但由于某种原因,它总是将图像显示在彼此之下.有谁知道我怎么能让他们居中并且彼此相邻?
谢谢!
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>`
Run Code Online (Sandbox Code Playgroud)
CSS代码
#fblogo {
display: block;
margin-left: auto;
margin-right: auto;
height: 30px;
}
Run Code Online (Sandbox Code Playgroud) 我想要3个图像并排显示标题,目前我有3张图像从上到下,左边是标题,而不是中心.如何使图像并排显示在中间?谢谢.
<div class="image123">
<img src="/images/tv.gif" height="200" width="200" style="float:left">
<p>This is image 1</p>
<img class="middle-img" src="/images/tv.gif"/ height="200" width="200">
<p>This is image 2</p>
<img src="/images/tv.gif"/ height="200" width="200">
<p>This is image 3</p>
</div>
Run Code Online (Sandbox Code Playgroud) 我在div中有两个HTML元素.我想将它们显示在一行或一条水平线上.假设我有两张图片,代码如下所示.如何使它在第一个元素之后没有换行符,因此它们将一个接一个地水平显示.现在第二个图像显示在第一个图像下面.我希望第二个图像显示在第一个图像的右侧.我很确定这可以在CSS中完成.请帮忙.
<img src="image one.jpg">
<img src="image two.jpg">
Run Code Online (Sandbox Code Playgroud)