今天在項(xiàng)目中要實(shí)現(xiàn)動(dòng)態(tài)的生成一行按鈕，并且這行按鈕不要換行。
查看了很多的知識(shí)，最終用ul li解決了問題。
貼出來大家學(xué)習(xí)：
ul{white-space:nowrap; overflow:auto; height:100px; width:200px;}
li{display:inline-table; border: solid 1px black; height:80%;}
<ul>
<li>Test</li>
<li>Test</li>
<li>Test</li>
<li>Test</li>
<li>Test</li>
<li>Test</li>
<li>Test</li>
<li>Test</li>
</ul>
這段代碼中起主要作用的是： ul:  white-space:nowrap;  以及  li: display:inline-table; (也可以使用：display:inline; 或者display:inline-block;)
inline: 此元素會(huì)被顯示為內(nèi)聯(lián)元素，元素前后沒有換行符。
inline-table: 此元素會(huì)作為內(nèi)聯(lián)表格來顯示（類似 <table>），表格前后沒有換行符。
inline-block: 行內(nèi)塊元素。（CSS2.1 新增的值）
相關(guān)知識(shí)引自：http://theartemis.cn

  愛情是兩個(gè)人的“飾”??！
歡迎光臨我的小店：http://shop36465575.taobao.com/

• 換行
• 標(biāo)簽
• table
• 表格