div+css为什么我的图片不能自动换行,我想让他每行只显示三个产品,但是第四个产品就是不往下面走

html-css022

div+css为什么我的图片不能自动换行,我想让他每行只显示三个产品,但是第四个产品就是不往下面走,第1张

像这种图文混排的样式应该用dl dt dd标签来写,没有你的html代码看不太懂你怎么写的,第四张图片不换行的原因是因为图片所在的div宽度太宽了,你试着把他的宽度减小试试,这应该是ie出现的问题吧,Firefox不会出现,另外代码写的不够规范,标签名ui li 应该用小写,属性也是小写。

在css中能够实现换行的代码有如下几个:

1、display:block //将标签改成块元素,块元素是单独占一行的。

2、clear:both; //清除浮动实现换行。

3、white-space:break; //这个一般适用在英文文章中的折行。

可以根据上面的几个能实现换行的样式,只需要将对应标签的对应属性删除就可以了。