CSS是網頁樣式設計的重要工具，通過一些簡單的代碼就能實現讓圖片橫著放的效果。下面我們將一步步介紹如何使用CSS來實現圖片橫著放。

/* 首先，需要確定圖片需要橫向排列的父級元素 */
.parent {
display: flex; /* 讓父級元素的子元素排成一行 */
flex-direction: row; /* 設置子元素橫向排列 */
justify-content: center; /* 設置子元素在父級元素中心對齊 */
}
/* 接著，需要給圖片元素設置寬度和高度 */
img {
width: 100px; /* 通過設置寬度和高度控制圖片大小 */
height: 100px;
margin: 10px; /* 設置圖片間距 */
}

代碼的主要思路是先確定圖片需要橫向排列的父級元素，然后通過flex屬性讓子元素排成一行，再設置寬度和高度控制圖片大小，最后設置圖片間距。

通過以上的代碼，我們就能輕松地實現讓圖片橫著排列的效果了。在實際使用中，可以根據自己的需要靈活調整代碼以達到更好的效果。