Heim > Web-Frontend > HTML-Tutorial > 什么标签 可以 一行已满 自动换行_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-24 11:52:17
Original
1516 Leute haben es durchsucht

譬如 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 标签的样式写漂亮点哦



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

这个我也不清楚啊

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage