html 自动增加一行,什么标签可以一行已满自动换行_html/css_WEB-ITnose

譬如 ul width 200px

第一个li 90px 第二个li 100px 90+100<200 则显示在同一行

如果 第一个 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 标签的样式写漂亮点哦

我是把超过的宽度省略掉了，，但是会显示半个字，(/ □ \)

这个我也不清楚啊

本条技术文章来源于互联网，如果无意侵犯您的权益请点击此处反馈版权投诉

本文系统来源：php中文网