fkjj.net
当前位置:首页 >> CSS ul宽度大于外部宽度 ul中li自动换行,怎么让他... >>

CSS ul宽度大于外部宽度 ul中li自动换行,怎么让他...

使用超出隐藏即可…或者用程序设置字符最大宽度 比如20个汉字40个字节 程序的我不会 但用纯css你可以设置固定宽度和高度然后设置overflow:hidden; ul为什么要大于外部宽度?搞不懂……

ul li 本就是块状元素,默认就是一行一行显示

你说的是填充跟间距么?是的话 ul { margin:0; padding:0; }

设置ul一个固定的宽度,如:width:1000px 设置ul横向超出后自动。overflow-x:auto 设置ul竖向超出隐藏 有足够多的li,li的width设置为100px ,li的数量最少为11个 因为li数量多,导致ul会出现横向滚动条,这样就实现了想要的效果

换行:给li里面的a设成块级元素并给宽度和行高,如果li不包含a就在li上面设。 横排:把li浮动起来,一排能横排多少个,取决于你li的宽度和外面ul的宽度

ul列表设置悬浮,就是有float的时候会自适应高度。滚动效果一般是 嵌套,还要看你要做出来的是什么效果

ul.li 俩都浮动 ul{float:left; width:500px;height:auto;border:1px solid #000; } li{float:left; border:1px solid #000;} abc1 abc2 abc3 abc4 abc5 abc1 abc2 abc3 abc4 abc5 abc1 abc2 abc3 abc4 abc5 abc1 abc2 abc3 abc4 abc5 我刚在IE6...

你好!根据你提供的例子,我已经明白你要做的事了,box全局宽度固定,根据内容来进行自行调整,而且不影响其排版,这其实也很简单,根据你提供的css名称,我提供CSS样式给你作参考。 .box{width:500px;}/*固定全局宽度*/ .scroll_list{width:100...

display:inline-block

加一个max-width:400px;IE6此属性无效,可以使用expression来兼容一下 如果不行那就是还要不换行 再加上word-break:keep-all;

网站首页 | 网站地图
All rights reserved Powered by www.fkjj.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com