div内的文字怎么限制在div的范围内

[dou_ye]

如题，设置一个div的innerHTML='aaaa' 如果内容太长就超出了div的边框，怎么能让文字显示在div里面，过长的时候自动换行？谢谢

[s_liangchao1s]

<div id="oDiv" style="width:100px;height:100px;border:1 solid red;word-break：break-all;word-wrap:break-word;"></div>
<input type="button" value="reLoad" onclick="reload()">
<script language="JavaScript">
<!--
	function reload(){
		document.getElementById("oDiv").innerHTML = "111111111111111111111111111111111111111111111111111111";
	}
//-->
</script>

[huguang]

引用别人的blog
http://www.dc9.cn/post/427.html

一般来说，用我们不用word-break:break-all;
这个不好，他把英文单词不管三七二十一给弄断了，影响阅读。
一般来说在BLOG等系统中，我们要用word-wrap:break-word来代替word-break
有什么好处呢？
word-wrap:break-word不仅可以把超级长的英文单词截断，还可以根据空格区分英文单词，保持它的可读性。
嗯，教程结束。

另外上述两个属性FF下不起作用。要用JS实现。

[huguang]

http://hi.baidu.com/swjtu/blog/item/9df5b78f543bc0eaf01f36fb.html

再补充一个兼容的解决方案，没试，仅供参考

[yjfjebj789]

style="width:"
指定宽度

[driftwing]

css控制:
1,过长的部分不显示
overflow:hidden;
2,过长的部分换行
word-break:break-all;

[dou_ye]

谢谢大家