左对齐两个对象，在同一级别上

Question

如何对齐两张图像以使它们相等，但在页面的不同侧面？

任何帮助？

Answer 1

<img src="image1.png" style="float:left">
<img src="image2.png" style="float:right">

Answer 2

你也可以这样使用，

img{float:left;}
img+img{float:right;}

以下是 Demo.

Answer 3

您的代码示例

<div class="mainwrap">
<a id="left_img"><img src="1.jpg"></a>
<a id="right_img"><img src="2.jpg"></a>
</div>

你的css

.mainwrap
{
width:500px;
height:500px;
margin:auto;
}
#left_img
{
float:left;
}
#right_img
{
float:left;
}

Answer 4

试试这个

<div>
<a id="leftImg" style="float:left;"><img src="1.jpg"></a>
<a id="rightImg" style="float:right;"><img src="2.jpg"></a>
</div>