html如何实现浮动换行后左对齐？

在我们写页面的时候，肯定碰到过，当前的浏览器窗口化后，元素会自动换行，但是他不会左对齐，下面就来说一说这种情况如何解决：

1、div块由于浮动换行导致margin的属性变化，我们可以将margin的值变为百分数，问题即可解决。

2、（文本元素）使用word-break属性

word-break:"keep-all";   //不允许在单词中换行

word-break:"break-all";   //允许在单词中换行

<div style="width:200px;height:150px;background:#f0f0f0;word-break:keep-all">
	This is a example for element of row changing!
</div>

效果如下：

使用word-break：break-all：

<div style="width:200px;height:150px;background:#f0f0f0;word-break:break-all">
	This is a example for element of row changing!
</div>