CSS中,我們可以使用transform屬性將元素從豎放變?yōu)闄M放,以下是一個簡單的示例:
HTML代碼:
<div class="vertical-container"> <div class="vertical-item">豎著的元素</div> <div class="vertical-item">豎著的元素</div> <div class="vertical-item">豎著的元素</div> <div class="vertical-item">豎著的元素</div> <div class="vertical-item">豎著的元素</div> <div class="vertical-item">豎著的元素</div> <div class="vertical-item">豎著的元素</div> <div class="vertical-item">豎著的元素</div> <div class="vertical-item">豎著的元素</div> <div class="vertical-item">豎著的元素</div> <div class="vertical-item">豎著的元素</div> <div class="vertical-item">豎著的元素</div> <div class="vertical-item">豎著的元素</div> <div class="vertical-item">豎著的元素</div> <div class="vertical-item">豎著的元素</div> <div class="vertical-item">豎著的元素</div> <div class="vertical-item">豎著的元素</div> <div class="vertical-item">豎著的元素</div> <div class="vertical-item">豎著的元素</div> <div class="vertical-item">豎著的元素</div> <div class="vertical-item">豎著的元素</div> <div class="vertical-item">豎著的元素</div> <div class="vertical-item">豎著的元素</div> <div class="vertical-item">豎著的元素</div> <div class="vertical-item">豎著的元素</div> <div class="vertical-item">豎著的元素</div> <div class="vertical-item">豎放的元素</div> <div class="vertical-item">豎放的元素</div> <div class="vertical-item">豎放的元素</div> <div class="vertical-item">豎放的元素</div> <div class="vertical-item">豎放的元素</div> <div class="vertical-item">豎放的元素</div> <div class="vertical-item">豎放的元素</div> <div class="vertical-item">豎放的元素</div> <div class="vertical-item">豎放的元素</div> <div class="vertical-item">豎放的元素</div> <div class="vertical-item">豎放的元素</div> <div class="vertical-item">豎放的元素</div> <div class="vertical-item">豎放的元素</div> <div class="vertical-item">豎放的元素</div> <div class="vertical-item">豎放的元素</div> <div class="vertical-item">豎放的元素</div> <div class="vertical-item">豎放的元素</div> <div class="vertical-item">豎放的元素</div> <div class="vertical-item">豎放的元素</div> <div class="vertical-item">豎放的元素</div> <div class="vertical-item">豎放的元素</div> <div class="vertical-item">豎放的元素</div> <div class="vertical-item">豎放的元素</div> <div class="vertical-item">豎放的元素</div> <div class="vertical-item">豎放的元素</div> <div class="vertical-item">豎放的元素</div> <div class="vertical-item">橫放的元素12345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890
版權(quán)聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。