有时候会需要ul的li都在同一行显示，避免li跑到下一行去，今天遇到了这个问题，记录下来，避免忘记~
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Document</title> <style type="text/css"> *{ padding: 0; margin-bottom:0; border: 0; } .box{ width: 640px; height: 50px; overflow-x: scroll; overflow-y: hidden; } ul{ display:inline; white-space: nowrap; } ul li{ padding: 10px 20px; display: inline-block; background:pink; white-space:nowrap; } </style></head><body><div class="box"> <ul> <li>所有li都在一行显示</li> <li>所有li都在一行显示</li> <li>所有li都在一行显示</li> <li>所有li都在一行显示</li> <li>所有li都在一行显示</li> <li>所有li都在一行显示</li> <li>所有li都在一行显示</li> <li>所有li都在一行显示</li> <li>所有li都在一行显示</li> <li>所有li都在一行显示</li> <li>所有li都在一行显示</li> <li>所有li都在一行显示</li> <li>所有li都在一行显示</li> <li>所有li都在一行显示</li> <li>所有li都在一行显示</li> <li>所有li都在一行显示</li> <li>所有li都在一行显示</li> <li>所有li都在一行显示</li> <li>所有li都在一行显示</li> <li>所有li都在一行显示</li> <li>所有li都在一行显示</li> <li>所有li都在一行显示</li> <li>所有li都在一行显示</li> <li>所有li都在一行显示</li> <li>所有li都在一行显示</li> <li>所有li都在一行显示</li> <li>所有li都在一行显示</li> <li>所有li都在一行显示</li> </ul></div></body></html>效果如下图：
随便写了下，好丑，不要在意细节哈哈哈~~~~
Apakah perisian tayangan perdana
Mengapa saya tidak boleh mengakses penyemak imbas Ethereum?
python dibungkus ke dalam fail boleh laku
Perbezaan antara UCOS dan linux
apa maksud os
0x00000006 Apa yang perlu dilakukan jika pencetak tidak dapat disambungkan?
Senarai ranking aplikasi perisian dagangan sepuluh mata wang teratas
Bagaimana untuk menyelesaikan masalah yang Ethernet tidak dapat menyambung ke internet
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
