在CSS中,可以使用display: flex
屬性將列表元素設置為彈性布局,從而實現(xiàn)兩列左對齊的效果,以下是一個示例代碼:
<ul class="list"> <li>列表項1</li> <li>列表項2</li> <li>列表項3</li> <li>列表項4</li> <li>列表項5</li> <li>列表項6</li> <li>列表項7</li> <li>列表項8</li> <li>列表項9</li> <li>列表項10</li> <li>列表項11</li> <li>列表項12</li> <li>列表項13</li> <li>列表項14</li> <li>列表項15</li> <li>列表項16</li> <li>列表項17</li> <li>列表項18</li> <li>列表項19</li> <li>列表項20</li> <li>列表項21</li> <li>列表項22</li> <li>列表項23</li> <li>列表項24</li> <li>列表項25</li> <li>列表項26</li> <li>列表項27</li> <li>列表項28</li> <li>列表項29</li> <li>列表項30</li> <li>列表項31</li> <li>列表項32</li> <li>列表項33</li> <li>列表項34</li> <li>列表項35</li> <li>列表項36</li> <li>列表項37</li> <li>列表項38</li> <li>列表項39</li> <li>列表項40</li> <li>列表項41</li> <li>列表項42</li> <li>列表項43</li> <li>列表項44</li> <li>列表項45</li> <li>列表項46</li> <li>列表項47</li> <li>列表項48</li> <li>列表項49</li> <li>列表項50</li> <li style="display: flex; justify-content: flex-start; align-items: flex-start;">? 下一頁 (Page 2)</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
版權(quán)聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。