調(diào)整CSS圖片位置的方法

在CSS中，可以使用float屬性來調(diào)整圖片的位置，如果想要讓圖片出現(xiàn)在右邊，可以將float屬性設(shè)置為right。

img {
  float: right;
}

上述代碼表示，所有的<img>元素都會浮動到右邊，如果只想讓某個特定的圖片浮動到右邊，可以給它添加一個特定的類名，然后針對這個類名編寫CSS規(guī)則。

<img class="right-float" src="image.jpg" />

.right-float {
  float: right;
}

上述代碼中，只有帶有right-float類的圖片才會浮動到右邊。

如果圖片是塊級元素（例如<div>中的圖片），可以使用text-align屬性來調(diào)整圖片的位置。

div {
  text-align: right;
}

上述代碼表示，所有在<div>元素中的圖片都會居中對齊到右邊，如果只想讓某個特定的圖片居中對齊到右邊，可以給它添加一個特定的類名，然后針對這個類名編寫CSS規(guī)則。

<div class="right-align">
  <img src="image.jpg" />
</div>

.right-align {
  text-align: right;
}

上述代碼中，只有帶有right-align類的<div>元素中的圖片才會居中對齊到右邊。