在CSS中，我們可以使用多種方法讓li元素排列成三行，以下是一種簡單的方法，使用Flexbox布局實現(xiàn)：

1、HTML結構：我們需要一個包含li元素的ul列表。

<ul id="myList">
    <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>
    <!-- 更多項目... -->
</ul>

2、CSS樣式：使用Flexbox布局使ul中的li元素排列成三行。

#myList {
    display: flex;
    flex-wrap: wrap; /* 允許元素換行 */
}

這種方法簡單且靈活，適用于多種場景，你可以根據(jù)需要調整列表元素的樣式和布局。