问题描述:
如何用css控制文本自动换行 ？
解析:
默认的就是自动换行
语法：
white-space : normal | pre | nowrap
取值：
normal : 默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行
pre : 换行和其他空白字符都将受到保护。这个值需要IE6+或者 !DOCTYPE 声明为 standards-pliant mode 支持。如果 !DOCTYPE 声明没有指定为 standards-pliant mode ，此属性可以使用，但是不会发生作用。结果等同于 normal 。
nowrap : 强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象。
<style>.main{ width:1000pxheight:600pxbackground:#0CF}
.main img{ vertical-align:middlefloat:leftwidth:640pxheight:320px}
</style>
<div class="main">
<img src="图片地址" />
<span>文字区域</span>
以上方式已经按照你所说的，左边是图片，右边是文字，文字自动换行，并且环绕图片实现效果；
主要标签有：vertical-align:middle使其让图片与文字对齐，float:left设置一个图片的靠左对齐方式；
你可以测试一下效果，希望对你有所帮助
