html和css识别元素

Question

如何用css和html用div标签左右放置图片？或者，还有更好的方法？例如我有:

HTML:

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

CSS:

img
{
align:left
}

这将使两个图像都向左对齐。我怎样才能“识别”两个图像元素，然后将一个左对齐，另一个右对齐。两个图像都相对于居中的 Java 小程序对齐。

Answer 1

您还可以使用 :first-child 伪选择器来减少 HTML 代码。

例如:

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

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

#pictures img {
  float: right;
}

这将使目标 div 中的第一个图像向左浮动，而所有其他图像向右浮动。如果您只有一两张图片，那就太好了，但如果您有多张图片，那么按照其他评论中的建议添加类可能会更容易。