snrg.net
当前位置:首页 >> 如何让li横向排不换行,超出Div部分横向隐藏,而不... >>

如何让li横向排不换行,超出Div部分横向隐藏,而不...

设置li浮动就可以了

li设置为float后,超过容器宽度它就会换行,这是正常的。你可以给ul设置一个相当于全部li宽度的总宽度。通过ul来控制,由于上层div设置了overflow:hidden,所以超出的部分不会被显示的。

块元素都是可以调整大小的 他们默认占一行 你可以通过float:left;清除浮动使它们并排显示 两个同时加这个属性 也可以想一楼说的 改变其行为样式

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

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

外层div设个可见区域宽度,同时益处隐藏。 li左浮动,接下来是重点啦!!!! 设置ul宽度,设一个大一些的值,例如5000px,或者用脚本来动态计算赋值也行。这样就能实现你想要的效果。哎,当初刚学时这都不叫事,好久没用了,现在也遇到这个问题...

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

the rabbit is really on

这个改一下style="width:650px;overflow:scroll;"

不考虑脱离文档流的话,就给ul加个position:absolute 吧

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