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

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

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

css3有个display:flex的属性 即 ul{width:100%; display:flex;} ul li{flex:1;} 这样就可以评分,但是兼容性较差,如果考虑到兼容性,将li设置成33.33%是可以的,但是会有一点点的空隙,但是不明显

width:100%;

给ul一个样式:margin:0px; padding:0px; overflow:hidden; 或者给li一个样式: word-break:break-all; word-wrap:break-word;

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

div ul{text-align:center;}div ul li{display:inline-block;margin:0 3px;}12345

将li的样式设置成以下例子: display:inline;line-height:24px;height:auto;word-break:break-all;word-wrap : break-word ; 可以修改一下,到适合你的要求。

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

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...

li { display: inline-block; } li { *display: inline; *zoom: 1; } 利用CSS的inline-blick属性,后边两个是针对低版本IE的HACK,注意这个HACK比较特殊,要像我这样独立地写出来 而且,每个li标签之间不能有空格或换行,要像这样写,否则就会造...

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