CSS 圖片在容器中垂直

隨著互聯網的發展，越來越多的網站開始使用圖片作為內容元素。然而，許多網站的圖片位置不夠垂直，導致用戶觀看圖片時需要滾動頁面。今天，我們將介紹如何使用CSS來實現圖片在容器中垂直。

在HTML中，我們可以使用

```css

video {

display: block;

margin: 0 auto;

height: 100vh;

width: 100%;

這段CSS代碼將

除了

- `position: absolute`：將圖片設置為絕對定位，并將其位置為垂直居中。

- `top: 50%`：設置圖片的垂直位置為頁面頂部的50%。

- `bottom: 50%`：設置圖片的垂直位置為頁面底部的50%。

- `left: 50%`：設置圖片的垂直位置為頁面左側的50%。

- `right: 50%`：設置圖片的垂直位置為頁面右側的50%。

通過使用這些CSS屬性，我們可以輕松地實現圖片在容器中垂直。需要注意的是，這些屬性的值需要根據實際情況進行調整，以確保圖像垂直居中。

使用CSS圖片在容器中垂直可以幫助我們實現圖片垂直居中，提高網站的用戶體驗。