html中让ul的多个li在一行内显示_html/css_WEB-ITnose

有时候会需要ul的li都在同一行显示，避免li跑到下一行去，今天遇到了这个问题，记录下来，避免忘记~

   	 	 Document 	 		*{			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;		}	   
	 		 所有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都在一行显示

      
查看更多关于html中让ul的多个li在一行内显示_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did108606