很多回答都是设置float属性来排列，其实可以从属性之外的方面设置。鉴于li元素是块状元素，所以元素与元素之间才会换行，现在只要把li元素变成元素之间可以同行的内联块状元素就行了。具体代码如下：li{display：inline-block；}
用float:left，可以横向排列用css 设置ul{list-style:none;}去掉li前边的东西
