1楼：匿名用户
加一个max-width:400px;ie6此属性无效，可以使用expression来兼容一下 如果不行那就是还要不换行 再加上word-break:keep-all;
2楼：匿名用户
在ul上加 overflow:auto;就行了，这个是针对横向和纵向都有效的，如果你只想出现纵向滚动条，那就是 overflow-y:auto;
css中li的横向排列自适应宽度的问题
3楼：我是苦头陀螺
当父元素和子元素都没有定义宽度的情况下实现水平居中：
display:inline-block
可以使用text-align:center和display:inline-block相结合，这个技巧需要一个父元素。
1、html**:
**如下:
home…
2、css**:
**如下:
.navbar
.navbar ul
.navbar li
.navbar li + li
3、ie系列ie8+支持，要ie7 ie6 支持需要加入以下**使display:inline像display:inline-block一样
**如下:
.navbar ul
position:relative
使用position:relative与float相结合的技巧及其浮动和定位参照物的关系，这个技巧需要两个父元素，一个用来定位而另外一个用来避免出现滚动条。
html**:
**如下:
home…
css**:
**如下:
.navbar
.navbar > div
.navbar ul
.navbar li
.navbar li + li
浏览器支持度较低 只chrome和firefox这样的-webkit- -moz-内核浏览器。当然以后慢慢会发展起来的。
这个方式是推动浏览器发展的一个新的东西，目前**于所以可以写前缀的浏览器，并没有工作在ie9和ie9以下。
根据你的需求来选择合适的方法吧，display:inline-block兼容性较好，flex-box将会用于未来。
4楼：黑马程序员
首先学习一下width属性的定义和用法：
定义和用法
width 属性设置元素的宽度。
说明这个属性定义元素内容区的宽度，在内容区外面可以增加内边距、边框和外边距。
行内非替换元素会忽略这个属性。
可以通过width属性设置li中字段的宽度根据实际长度显示宽度。在li的样式中加上width:auto;就可以实现了；现在来看下面一段**：
css样式设置：
#info_main
#info_mainli
网页**：
点击:次
5楼：一言惊醒
字数不一样的话，你这样太麻烦了
首页我们的服务
6楼：
那就不要给li设置宽度，写一个padding就好了，然后居中，这样就会自动伸长了~
把导航结构贴一下，我帮你改改~
css的设置问题，关于ul li的设置问题。
7楼：
一行显示直接加浮动就可以了 另外设置下宽度吧;float:left: 如果是想让文本右对齐的话可以加个div css里写text-align:right;
8楼：匿名用户
你的css是其他地方搬来的吧。。。
你在ul 标签外套一个div id为header1...
9楼：散步的笨笨
ul设置一个宽度、、li标签设置一个宽度
比如说：ul
ul li
css,绝对定位自适应宽度问题
10楼：网海1书生
在两个ul的外面再套上一个层，把这个层设为绝对定位的，两个ul则设为静态并且向左浮动的，就能实现你要的效果了：
aaaaaa
aaaaaa
aaabbbbbb
11楼：黯夜魂殇
首先，确定你这么写css，是不可能达到你要的效果的，因为感觉你不理解绝对定位。当你给了ul绝对定位时，两个ul的top、left都为0了，而且绿色的ul宽度不是固定的，所以用css实现不了。你想用简单的方法解决问题是好想法，但是不要脱离实际。
12楼：
没看懂你是什么意思，就按我看懂的意思 告诉吧
你用 height:auto； 看看
div+css样式，li自动适应高度，自动换行，横向排列
13楼：达丰
html部分：
aaaa
bbbb
cccc
dddd
eeee
ffff
css部分：
#nav
ul,li
ulli
扩展资料：
flex是flexible box的缩写，用来为盒装模型提供最大的灵活性。任何一个容器都可以指定为flex布局。
采用flex布局的元素，被称为flex容器(flex container)，简称“容器”。其所有子元素自动成为容器成员，成为flex项目(flex item)，简称“项目”。
容器默认存在两根主轴：水平方向主轴(main axis)和垂直方向交叉轴(cross axis)，默认项目按主轴排列。
main start/main end：主轴开始位置/结束位置；
cross start/cross end：交叉轴开始位置/结束位置；
main size/cross size：单个项目占据主轴/交叉轴的空间；
设置在容器上的属性有6种。
flex-direction
flex-wrap
flex-flow
justify-content
align-item
align-content
14楼：匿名用户
换行：给li里面的a设成块级元素并给宽度和行高，如果li不包含a就在li上面设。
横排：把li浮动起来，一排能横排多少个，取决于你li的宽度和外面ul的宽度
15楼：匿名用户
将li的样式设置成以下例子：
display:inline;line-height:24px;height:
auto;word-break:break-all;word-wrap : break-word ;
可以修改一下，到适合你的要求。
16楼：匿名用户
要看你li里面的内容了，li应该是本身就适应自动高度，给li宽度，里面的文字就会自动换行了，横向排列是想让 li都横向排列，那就写 float：left
17楼：匿名用户
li 张家界 凤凰 长沙 衡山 韶山 岳阳楼 周洛 郴州 衡山 桃花源 宁乡 大围山
18楼：宇宙的大象
横向排列 float：left； li的高度设置line-height:??px即可
求高手 如何设置css 才能让多个 li 自适应100%屏宽水平居中排列 问题见下图：
19楼：紫萱是条小狐狸
楼主看下是不是这样的效果，把对应的宽度值换成你要的宽度就可以了
20楼：匿名用户
.image_box ｛margin:0 auto;｝
.image_box ul
.image_box ul li {width:100%; margin:0 auto; ｝
21楼：夨情
ul设置固定宽度,然后给属性 margin : auto;
22楼：
.image_box
.image_box li
24% 可以随便调啦, 放几个就100/几 再减几个像素就可以
css ul宽度大于外部宽度 ul中li自动换行，怎么让他不换行 80
23楼：匿名用户
外层div设个可见区域宽
度，同时益处隐藏。
li左浮动，接下来是重点啦！！！！
设置ul宽度，设一个大一些的值，例如5000px，或者用脚本来动态计算赋值也行。这样就能实现你想要的效果。哎，当初刚学时这都不叫事，好久没用了，现在也遇到这个问题了，墨迹了半天才发现原因......
24楼：匿名用户
mytab ul li 里面的display：inline ，理论上就不换行了， 但是 本身你里面的宽度大于外面的就不对！ 或者你可以让里面滚动 overflow：
scroll；
25楼：
设置ul高度和宽度并且设置overflow:hidden;
26楼：我_问_你_答
//****w3.***/tr/xhtml1/dtd/xhtml1-transitional.
dtd">
http://****w3.***/1999/xhtml">
声明文件头了吗？
27楼：匿名用户
设置ul的宽度。。可以each每个li，计算总的li宽度
28楼：匿名用户
使用超出隐藏即可…或者用程序设置字符最大宽度 比如20个汉字40个字节
程序的我不会 但用纯css你可以设置固定宽度和高度然后设置overflow:hidden;
ul为什么要大于外部宽度？搞不懂……
29楼：mm小麻
把外部的div变宽不就行了么 要是要求外面不变 就ul定义position：absolute呗
ul里定义的
overflow:hidden;
white-space:nowrap;
是干吗用的？？超出隐藏li？
想要实现的主要功能说一下 也方便别人帮你解答
css问题：如何让一个ul内的几个li在ul内自动填充排列？
30楼：迷图晓书童
ul.li 俩都浮动
abc1
abc2
abc3
abc4
abc5
abc1
abc2
abc3
abc4
abc5
abc1
abc2
abc3
abc4
abc5
abc1
abc2
abc3
abc4
abc5
我刚在ie6和firefox4下都可以
31楼：匿名用户
display:inline
或者float:left
css里 ul标签怎么居中啊
32楼：笃定资源
要实现ul标签水平居中，关键在于css中 display:inline 的运用。
html**具体示例：
注意：如果ul没有设置宽度，用margin:0 autl是没有用的，因为它默认了100%，给它一个宽度，实际宽度或者width:auto都可以。
33楼：匿名用户
第一个问题
ul设置margin:0px auto是指ul本身相对于父级对象居中。你的ul父级对象是div，所以并不是相对屏幕居中，而是相对父级div300个px的居中。
解决这个问题的方法是把div的宽度去掉，让div默认为body的宽度。或者干脆直接把父级的div去掉。
第二个问题
如果要垂直居中，valign很多浏览器兼容性不好，一般解决方法：如果是一行的话可以设置行高line-height属性和高度height相等；如果是多行的话要复杂的多，可以考虑将父级对象设置为相对定位position:relative，要居中的对象设置为绝对定位position:
absolute，然后慢慢调整left和top的值。
第二个问题你还有一个错误就是一个对象如果加了padding之后的话，跟它的宽度没有关系，也就是说。如果你设置一个对象的宽度为200px,padding为50px，它的真实宽度就是200px 加上左边的50px的padding,右边的50px的padding，加起来一共300px;
第三个问题
同第一个问题,li的左右居中依然是相对于它的父级对象即ul居中，只浏览器的宽度没有关系。
第四个问题
没明白你的意思，一个ul里有好多个li，你要是多个li同时居中？就是全部重叠在一起？还是说
什么居中？或者你的意思是比如ul高200,一共有两个li，两个li一个人有50的高度，居中的意思就是说两个li应该本身占100的高度，然后上面空50，下面空50？