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

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

CSS代码一： * { margin: 0; border: 0; padding: 0; font-size: 13pt; } ...

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

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

<ul> <li>机构概况 <ul> <li>机构情况</li> <li>机构组成</li> <li>机构组成</li> </ul> </li> <li ...

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

1、生成Site.css文件（注：一定要将该文件的编码格式设置为utf-8，否则ie6有可能出现乱码） 2、前台引用上述CSS样式文件 3、前台数据 ...