我的照片墻
這里是我收藏的一些美麗照片。

標簽將所有的照片包裹在一起，并為每個照片設置了一個class屬性。這樣，在樣式表中，我們就可以使用 .photo 來對所有照片進行統一的樣式設置。

.gallery {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.photo {
flex-basis: 32%;
margin-bottom: 20px;
}
img {
max-width: 100%;
height: auto;
}

在樣式表中，我們使用了 flexbox 的布局方式，將照片墻橫向排列，并使用 margin 和 flex-basis來控制每個照片的間距和寬度。同時，通過設置 img 標簽的 max-width:100%，我們可以使圖片自適應其父容器的寬度，而不會出現拉伸等變形現象。 通過以上HTML和CSS代碼，我們可以輕松地創建一個美觀、實用的照片墻網頁，來展示我們所收藏的精美照片。