html和css识别元素

Question

如何使用CSS和html将图片放在左侧和右侧的div标签中？或者，还有更好的方法？比如我有：

HTML：

CSS：

img 
{ 
align:left 
} 

这将两个图像对齐到左边。我怎样才能“识别”两个图像元素，然后对齐左边和右边。两个图像都相对于一个居中java小程序对齐。

Answer 1

你可以用“类”标签

<img src ="..." class="img1" />  <!--Picture 1--> 
<img src = "..."class="img2" />  <!--Picture 2--> 

.img1 
{ 
... 
} 

.img2 
{ 
... 
} 

Answer 2

<img src="..." id="image_1" />  <!--Picture 1--> 
<img src="..." id="image_2" />  <!--Picture 2--> 

#image_1 { 
    float: left; 
} 

#image_2 { 
    float: right; 
} 

注意识别：之前和“=”后删除空间，如你有“SRC”

Answer 3

你也可以减少你HTML代码通过使用：first-child psuedo选择器。

例如：

<div id="pictures"> 
    <img src="..." />  <!--Picture 1--> 
    <img src="..." />  <!--Picture 2--> 
</div> 

#pictures img:first-child{ 
    float: left; 
} 

#pictures img { 
    float: right; 
} 

这将使你的目标DIV浮动第一图像左，和所有其它的权利。如果你只有一个或两个图像，但是如果你有多个图像，那么只需按照其他评论中的建议添加类就可以更容易。