有时候会需要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>效果如下图：
随便写了下，好丑，不要在意细节哈哈哈~~~~
Le rôle de l'attribut caption
La différence entre le langage pascal et le langage c
Méthode de saisie de référence absolue
Comment résoudre l'erreur 500 du serveur interne
Utilisation de ModifierMenu
Comment utiliser la fonction Rechercher
Quelle est la différence entre ibatis et mybatis
Tutoriel sur le chiffrement de documents Word
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
