問(wèn)題解答：

代碼編譯：

```html

<style>

.flex {

display: flex;

flex-direction: row;

align-items: center;

</style>

代碼編譯：

```html

<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>

</ul>

代碼編譯：

```html

<div class="flex">

</div>