譬如 ul width 200px
第一个li 90px 第二个li 100px 90+100
如果 第一个 li 110px 第二个 li 100px 110+100>200 则 第二个li 整个 换作第二行,
怎么实现这样的功能,
其它标签也可以
回复讨论(解决方案)
浮动就可以的,一行放不下,就会到下一行,不过,貌似行内元素的标签也都是可以的。
你既然用li的话,就直接用float的吧
浮动就可以的,一行放不下,就会到下一行,不过,貌似行内元素的标签也都是可以的。
你既然用li的话,就直接用float的吧
哪种比较比较好用?
那你就用浮动呗,直接给所有的li添加一个float:left;
就可以了。
那你就用浮动呗,直接给所有的li添加一个float:left;
就可以了。
试了试,这个功能是实现了,不过整体就比较凌乱,参差不齐,长短不一
有没有法子,让整体比较整齐?
是了吧,这个就要看你布局的功底了
比如很多会把li设置成相同的宽度,使得几个li元素,大小差不多正好占据一行,然后把内容居中(或者居左),会看着好一些。
想要好看着点,就要慢慢改样式,好好布局了,加油哦~~
一般用js比较好控制一些吧。。。
一般用js比较好控制一些吧。。。
如何控制呢?计算li内容的长度?
是了吧,这个就要看你布局的功底了
比如很多会把li设置成相同的宽度,使得几个li元素,大小差不多正好占据一行,然后把内容居中(或者居左),会看着好一些。
想要好看着点,就要慢慢改样式,好好布局了,加油哦~~
泪千行!!!!!
你就写个固定的长度就可以了,用js计算长度,就麻烦了。
你既然这样布局,那么li内容的长度应该是差不多长的,
如果长度相差太大,就直接每行一个,才是最好看的样式。如果是每行一个,都不用添加float了
直接显示就可以了。
你就写个固定的长度就可以了,用js计算长度,就麻烦了。
你既然这样布局,那么li内容的长度应该是差不多长的,
如果长度相差太大,就直接每行一个,才是最好看的样式。如果是每行一个,都不用添加float了
直接显示就可以了。
现在流行混搭~~~~
ul li 标签特别合适,将ul 的宽设置成固定的,将li的宽高都设置成固定值,li标签加上float属性,超过ul的宽度会自动换到下一行,记得将li 标签的样式写漂亮点哦
很难想象那又长又短是个啥样。
告诉你,用float,至于咋才好看,慢慢研究。
ul li 标签特别合适,将ul 的宽设置成固定的,将li的宽高都设置成固定值,li标签加上float属性,超过ul的宽度会自动换到下一行,记得将li 标签的样式写漂亮点哦
我是把超过的宽度省略掉了,,但是会显示半个字,(/ □ \)
这个我也不清楚啊