CSS圖片橫豎屏是一種使用 CSS 控制圖片顯示方式的技術。通過在 CSS 中設置圖片的 `display` 屬性為 `flex`，可以讓圖片自適應屏幕大小，橫屏或豎屏顯示。

在 CSS 中，我們可以使用 `display: flex` 屬性將圖片設置為 `flex` 容器，然后使用 `justify-content: space-between` 和 `align-items: center` 屬性來將圖片居中和在屏幕兩側顯示。如果我們想要讓圖片在豎屏模式下顯示，我們可以將 `justify-content: space-between` 屬性設置為 `豎屏模式`,`align-items: center` 屬性設置為 `橫屏模式`。

通過使用 CSS圖片橫豎屏，我們可以輕松地將圖片自適應屏幕大小，并在橫屏或豎屏模式下顯示。這種技術還可以幫助我們將圖片與其他元素集成，如文本框、按鈕等，以便更好地布局。

CSS圖片橫豎屏是一種靈活且實用的技術，可以幫助我們更好地控制圖片的顯示方式。