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

html-css027

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

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

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

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

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

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

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

关于css让元素换行限制如下：

1强制不换行 div{ white-space:nowrap}

2自动换行 div{ word-wrap: break-wordword-break: normal}

3强制英文单词断行 div{ word-break:break-all}