CSS是一種用于定義網頁排版形式的語言，用于設置顏色、背景、邊框、文本格式化等。在網頁中使用圖片來吸引訪問者也是很重要的。在圖片標簽（img）中添加某些CSS屬性，可以輕松實現圖片在垂直方向上的居中對齊。

.center {
display: flex;
justify-content: center;
align-items: center;
}

　　在上面的代碼中，"display: flex"將容器變成彈性盒子（flex box），而 "justify-content"和"align-items"則控制了彈性盒子中的內容如何排列。"justify-content"屬性是控制水平居中的，而"align-items"用于控制垂直居中。一個CSS類可以用于包裝需要垂直居中的圖像標簽。

　　在 HTML 中添加一個圖片標簽如下所示：

<img src="picture.jpg" class="center">

　　這將自動應用"center"類的樣式。因此，圖像將自動居中。