讓照片豎排css

CSS是一種用于設計和布局網頁的技術，它可以控制網頁元素的樣式和外觀。在照片排列問題時，我們可以使用CSS來讓照片豎排排列。

下面是一個使用CSS讓照片豎排排列的簡單示例：

HTML代碼：

<div class="container">

<div class="row">

<div class="col-md-4">

</div>

<div class="col-md-4">

</div>

<div class="col-md-4">

</div>

</div>

<div class="row">

<div class="col-md-4">

</div>

<div class="col-md-4">

</div>

<div class="col-md-4">

</div>

</div>

</div>

CSS代碼：

.container {

display: flex;

flex-direction: column;

.row {

flex: 1;

margin-bottom: 20px;

width: 100%;

height: auto;

以上CSS代碼將創建一個包含三張照片的表格，照片按照行排列。CSS使用`flex-direction`屬性將表格轉換為垂直排列，并使用`flex: 1`屬性將每個照片的寬度和高度都設置為100%，確保它們在同一行中排列。

使用CSS可以讓照片按照我們希望的方式豎排排列，從而簡化照片排列的復雜度，并提高網頁的可讀性和吸引力。