因为li是块级元素，默认占一行的，要想实现横向排列，一般通过以下两个方法：float:left这样设置有一个问题，li浮动以后则脱离了文本流，即不占位置，如果它的父级元素有具体的样式且没有固定宽高，建议父元素清除浮动，或者设置固定宽高display:inline-block即把li变为行内元素 ...

CSS代码一： * { margin: 0; border: 0; padding: 0; font-size: 13pt; } #nav { height: 40px; border-top: #060 ...

　　 ...

1. 问题现象 先看下面的html结构: 外层div设定了固定宽度，css中ul的宽度未设置(因为li的个数不确定)，当通过javascript动态设置ul的宽度后，会导致li换行。 2. 分析 尝试将ul的宽度增大，问题消失，推测 ...

的各条目<li>默认都是纵向排列的，我们需要定义CSS来让其横向排列起来。 Tips：因为 ...

ul { 　　white-space: nowrap; } li { 　　display: inline-block; } white-space 属性设置如何处理元素内的空白 ...

外层div容器宽度固定，ul宽度随li（li宽度固定）的增加而撑开，但是当ul中li的宽度之和大于div时，ul没有撑开，而是li换行了，如何使li不换行？ 解决方法：主要是外面容器设置为white-space：nowrap；li设置为display：inline-block；而不是float ...

　　有关导航条<li>标签横向排列 View Code ...