是否可以更改页面上的一个图像而无需使用任何语言更改另一个图像

Question

我搜索了谷歌，w3schools，我已经空白了。我正在进行一个闲置的点击游戏，我需要将其中一个图像左对齐但主图像保持居中。请任何帮助都很好

http://flameforged.altervista.org/Redsnow/Clicker/index.html

http://flaminggenius.org/

Answer 1

将此课程放在想要在屏幕左/右对齐的图像上。

 .left_img {
     position: absolute;
     left: 10px;
 }
 .right_img{
     position: absolute;
     right: 10px;
 }

Answer 2

是的，您可以为图像添加单独的“ID”，这样您就可以单独设置它们的样式，并使用内联HTML或CSS对它们进行样式设置。

<img id = "image1" src = "someImage.jpg"> </img>
<img id = "image2" src = "anotherImage.jpg"> </img>

CSS:

#image1{
float: left
}

#image2 {
position: relative
left: 30px;
}

注意：对于＃image2，您可能需要使用这些设置来获得理想的中间效果。