CSS中并沒有直接提供將圖片轉(zhuǎn)換為橫向圖的函數(shù)或?qū)傩裕贿^，我們可以通過一些CSS樣式來實(shí)現(xiàn)圖片的橫向展示，以下是一種簡單的方法：

1、我們需要?jiǎng)?chuàng)建一個(gè)包含圖片的HTML元素，

<div class="image-container">
    <img src="path/to/your/image.jpg" alt="Your Image">
</div>

2、我們可以使用CSS來設(shè)置圖片的樣式，使其橫向展示。

.image-container {
    width: 100%;
    height: 0;
    padding-top: 56.25%; /* 16:9 aspect ratio */
    position: relative;
    overflow: hidden;
}
.image-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* or 'contain' */
}

在這個(gè)示例中，我們首先將圖片容器設(shè)置為相對(duì)定位，并設(shè)置了一個(gè)高度為0的占位符，然后通過padding-top來設(shè)置圖片的高度和寬度，我們將圖片設(shè)置為***定位，并使其填充整個(gè)容器，我們使用object-fit屬性來控制圖片在容器中的填充方式。

需要注意的是，這種方法僅適用于支持CSS3的瀏覽器，如果你需要支持更老的瀏覽器版本，你可能需要使用一些JavaScript庫來實(shí)現(xiàn)圖片的橫向展示。