CSS可以幫助我們實(shí)現(xiàn)很多有趣的設(shè)計(jì)效果，其中之一就是如何讓圖片鋪滿一列。

.column{
width: 100%;
display: flex;
flex-wrap: wrap;
}
.column img{
width: 100%;
}

以上代碼是使用CSS的flexbox布局實(shí)現(xiàn)的，首先將需要鋪滿一列的圖片所在的區(qū)域設(shè)置為100%寬度，并設(shè)置為flex布局。然后將圖片的寬度設(shè)為100%，即可使其自適應(yīng)其所在區(qū)域的寬度，鋪滿一整列。

值得注意的是，在flex布局下，我們需要使用flex-wrap: wrap屬性來(lái)使圖片自動(dòng)換行。同時(shí)，為了避免圖片拉伸變形，我們只設(shè)置了寬度的百分比而未設(shè)置高度，這樣圖片就會(huì)按照其原始比例來(lái)顯示。

現(xiàn)在，我們已經(jīng)掌握了如何使用CSS使圖片鋪滿一列的技能，快去試試吧！