Question

css 横向列表

在把页面的大小拖动减小时 横向列表内容 不自动折行 怎么设置啊！
就是页面最大化的时候都显示在一行上，但是取消最大化，把页面变小到一定程度的时候，横向列表就折行了，能不能控制让其不折行，就是可以有一些列表项不显示！不知道说明白了没有！

Answer 1

你好，你的意思是不是最后一个li 换行了。如果是的话，那是因为你的 li宽度写的不够，你改大点就可以了。目前是100px ，你可以改大点。

另外，你的代码可以优化很多，写CSS的目的就是为了节约代码所以加油噢。
比如。#top-nav 下面如果写ul li 的时候， 代码中就不要引用，class了。 你只要在css 中用连写就可以了。#top-nav ul #top-nav ul li 这样写，你页面中ul 就不要再调用class了。
再比如：写页面的时候先要对所有需要运用的元素进行格式化。div,ul,li,ol,li,p ｛margin:0; padding:0;} 这样写好了以后，下面CSS文件中的所有元素就不需要再写这代码了。

Answer 2

给列表内容定义绝对宽度。不让其自适应。

Answer 3

你用ui li 给li一个左对齐！