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; //左浮动 } 欢迎追问!

需要设置浮动吧。让div左浮动。或者改他的显示方式

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

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

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

设置li浮动就可以了

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

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

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

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

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