Question

div自动宽度，怎么让里面的文字自动换行

3栏布局，两边的div有固定宽度，中间的自动宽度，但是中间的div里面的文字不能自动换行，
word-wrap:break-word;
word-break:break-all;
没有用。IE7 下可以，但是 8、9 火狐都不行。那位大神指导一下

Answer 1

您好，问题不是出在这个设置了宽度的div上，
可能出现在上层的css hack中，
记住，最少的css设计，最大的兼容性！
<div style='width: 100px;display:block;word-break: break-all;word-wrap: break-word;'>
内容超出div宽度后自动换行的css代码
</div>

追问

你这样都设置了宽度width，肯定是可以换行了，我需要的是自动宽度，最后还是用了js控制宽度，这样还能达到实时的效果，谢谢你的回答。

Answer 2

用input type="text"卅

Answer 3

<div class="left"></div>
<div class="center">卡分哈萨克的风景和萨克的经费和科技阿斯顿回复卡分哈萨克的风景和萨克的经费和科技阿斯顿回复卡分哈萨克的风景和萨克的经费和科技阿斯顿回复卡分哈萨克的风景和萨克的经费和科技阿斯顿回复卡分哈萨克的风景和萨克的经费和科技阿斯顿回复卡分哈萨克的风景和萨克的经费和科技阿斯顿回复卡分哈萨克的风景和萨克的经费和科技阿斯顿回复卡分哈萨克的风景和萨克的经费和科技阿斯顿回复卡分哈萨克的风景和萨克的经费和科技阿斯顿回复卡分哈萨克的风景和萨克的经费和科技阿斯顿回复卡分哈萨克的风景和萨克的经费和科技阿斯顿回复卡分哈萨克的风景和萨克的经费和科技阿斯顿回复卡分哈萨克的风景和萨克的经费和科技阿斯顿回复卡分哈萨克的风景和萨克的经费和科技阿斯顿回复卡分哈萨克的风景和萨克的经费和科技阿斯顿回复卡分哈萨克的风景和萨克的经费和科技阿斯顿回复卡分哈萨克的风景和萨克的经费和科技阿斯顿回复卡分哈萨克的风景和萨克的经费和科技阿斯顿回复卡分哈萨克的风景和萨克的经费和科技阿斯顿回复卡分哈萨克的风景和萨克的经费和科技阿斯顿回复卡分哈萨克的风景和萨克的经费和科技阿斯顿回复卡分哈萨克的风景和萨克的经费和科技阿斯顿回复卡分哈萨克的风景和萨克的经费和科技阿斯顿回复aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
<div class="right"></div>
<style>
body{ margin:0; padding:0}
.left{ float:left; width:200px; background:#000; float:left; height:100px}
.right{ float:left; width:200px; background:#000; float:right; height:100px}
.center{ width:auto; position:absolute; left:210px; right:210px; background:#f1f1f1; font-size:12px; line-height:24px; word-wrap:break-word;    word-break:break-all;}
</style>

你看看是不是这样

Answer 4

你哪里写错了吧，百分比写对了？

Answer 5

你设置一个宽度试试 加个宽度应该就可以了