hsfl.net
当前位置:首页 >> ul标签中嵌套Div,Div会换行显示,如何让ul和Div水... >>

ul标签中嵌套Div,Div会换行显示,如何让ul和Div水...

没看过这类ul嵌套div的写法的,要使列表和div水平显示在同一行,其实很简单,方法如下: 123 123 CSS代码: ul{ width:宽度; height:高度; float:left; //左浮动 } div{ width:宽度; height:高度; float:left; //左浮动 } 欢迎追问!

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

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

第一行第一行ul li{list-style:none;}然后适当高宽就可自动换行,不换行就在li属性定义float悬浮即可

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

li float:left ul overflow:hidden

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

li本来就是一个块元素,他就是默认可以换行的,这个根本就不需要你去设置的撒!

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

li里加上white-space: nowrap;这个代码,应该可以。

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