使用CSS調整圖片上下位置是一種常見的布局方式。通過設置圖片的`vertical-align`屬性值，您可以將圖片相對于父元素的基線向上或向下移動。本文將介紹如何使用CSS將圖片向上移動。
首先，我們需要為圖片添加一個類或ID，以便在CSS中對其進行定位。例如：
```html
```
在上面的代碼中，我們為圖像添加了一個名為“example-img”的類。
接下來，在CSS中使用該類選擇器并設置圖像的`vertical-align`屬性為`top`，即可將圖片向上移動到其父元素的基線之上：
```css
.example-img {
vertical-align: top;
}
```
您可以進一步調整該值，以實現所需的移動距離。例如，使用`vertical-align: -10px`來將圖片向上移動10像素。
如果您需要水平和垂直居中圖像，則還可以將其包裝在一個父元素中，并使用適當的 CSS 屬性對其進行定位。例如：
```html```
```css
.img-container {
display: flex;
justify-content: center; /*水平居中*/
align-items: center; /*垂直居中*/
}
```
通過設置圖片的`vertical-align`屬性，配合適當的父元素容器屬性，您可以輕松地控制圖片的布局位置。
這是一段文本，其中包含一張圖片。
```
在上面的代碼中，我們為圖像添加了一個名為“example-img”的類。
接下來，在CSS中使用該類選擇器并設置圖像的`vertical-align`屬性為`top`，即可將圖片向上移動到其父元素的基線之上：
```css
.example-img {
vertical-align: top;
}
```
您可以進一步調整該值，以實現所需的移動距離。例如，使用`vertical-align: -10px`來將圖片向上移動10像素。
如果您需要水平和垂直居中圖像，則還可以將其包裝在一個父元素中，并使用適當的 CSS 屬性對其進行定位。例如：
```html