CSS中，我們可以使用flex布局將無(wú)需列表橫過(guò)來(lái)，以下是一個(gè)示例代碼：

<ul class="horizontal-list">
  <li>項(xiàng)目1</li>
  <li>項(xiàng)目2</li>
  <li>項(xiàng)目3</li>
  <li>項(xiàng)目4</li>
  <li>項(xiàng)目5</li>
  <li>項(xiàng)目6</li>
  <li>項(xiàng)目7</li>
  <li>項(xiàng)目8</li>
  <li>項(xiàng)目9</li>
  <li>項(xiàng)目10</li>
  <li>項(xiàng)目11</li>
  <li>項(xiàng)目12</li>
  <li>項(xiàng)目13</li>
  <li>項(xiàng)目14</li>
  <li>項(xiàng)目15</li>
  <li>項(xiàng)目16</li>
  <li>項(xiàng)目17</li>
  <li>項(xiàng)目18</li>
  <li>項(xiàng)目19</li>
  <li>項(xiàng)目20</li>
  <li>項(xiàng)目21</li>
  <li>項(xiàng)目22</li>
  <li>項(xiàng)目23</li>
  <li>項(xiàng)目24</li>
  <li>項(xiàng)目25</li>
  <li>項(xiàng)目26</li>
  <li>項(xiàng)目27</li>
  <li>項(xiàng)目28</li>
  <li>項(xiàng)目29</li>
  <li>項(xiàng)目30</li>
  <li>項(xiàng)目31</li>
  <li>項(xiàng)目32</li>
  <li>項(xiàng)目33</li>
  <li>項(xiàng)目34</li>
  <li>項(xiàng)目35</li>
  <li>項(xiàng)目36</li>
  <li>項(xiàng)目37</li>
  <li>項(xiàng)目38</li>
  <li>項(xiàng)目39</li>
  <li>項(xiàng)目40</li>
  <li>項(xiàng)目41</li>
  <li>項(xiàng)目42</li>
  <li>項(xiàng)目43</li>
  <li>項(xiàng)目44</li>
  <li>項(xiàng)目45</li>
  <li>項(xiàng)目46</li>
  <li>項(xiàng)目47</li>
  <li>項(xiàng)目48</li>
  <li>項(xiàng)目49</li>
  <li>項(xiàng)目50</li>
  <li>項(xiàng)目51</li>
  <li>項(xiàng)目52</li>
  <li>項(xiàng)目53</li>
  <li>項(xiàng)目54</li>
  <li>項(xiàng)目55</li>
  <li>項(xiàng)目56</li>
  <li>項(xiàng)目57</li>
  <li>項(xiàng)目58</li>
  <li>項(xiàng)目59</li>
  <li>項(xiàng)目60</li>
  <li>項(xiàng)目61</li>
  <li>項(xiàng)目62</li>
  <li>項(xiàng)目63</li>
  <li>項(xiàng)目64</li>
  <li>項(xiàng)目65</li>
  <li>項(xiàng)目66</li>
  <li>項(xiàng)目67</li>
  <li>項(xiàng)目68</li>
  <li>項(xiàng)目69</li>
  <li>項(xiàng)目70</li>
  <li>項(xiàng)目71</li]