CSS中,可以使用flex布局來(lái)實(shí)現(xiàn)垂直顯示,以下是一個(gè)簡(jiǎn)單的示例:
<div class="container"> <div class="item">1</div> <div class="item">2</div> <div class="item">3</div> <div class="item">4</div> <div class="item">5</div> <div class="item">6</div> <div class="item">7</div> <div class="item">8</div> <div class="item">9</div> <div class="item">10</div> <div class="item">11</div> <div class="item">12</div> <div class="item">13</div> <div class="item">14</div> <div class="item">15</div> <div class="item">16</div> <div class="item">17</div> <div class="item">18</div> <div class="item">19</div> <div class="item">20</div> <div class="item">21</div> <div class="item">22</div> <div class="item">23</div> <div class="item">24</div> <div class="item">25</div> <div class="item">26</div> <div class="item">27</div> <div class="item">28</div> <div class="item">29</div> <div class="item">30</div> <div class="item">31</div> <div class="item">32</div> <div class="item">33</div> <div class="item">34</div> <div class="item">35</div> <div class="item">36</div> <div class="item">37</div> <div class="item">38</div> <div class="item">39</div> <div class="item">40</div> <div class="item">41</div> <div class="item">42</div> <div class="item">43</div> <div class="item">44</div> <div class="item">45</div> <div class="item">46</div> <div class="item">47</div> <div class="item">48</div> <div class="item">49</div> <div class="item">50</div> <div class="item">51</div> <div class="item">52</div> <div class="item">53</div> <div class="item">54</div> <div class="item">55</div> <div class="item">56</div> <div class="item">57</div> <div class="item">58</div> <div class="item">59</div> <div class="item">60</div> <div class="item">61</div> <div class="item">62</div> <div class="item">63</div> <div class="item">64</div> <div class="item">65</div> <div class="item">66</div> <div class="item">67</div> <div class="item">68</div> <div class="item">69</div> <div class="item">70</div> <div class="item">71</div> <div class="item">72</div> <div class="item">73</div> <div class="item">74</div> <div class="item">75</div> <div class="item">76</div> <div class="item">77</div> <div class
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時(shí)請(qǐng)以鏈接形式注明文章出處。