文字换行显示
- HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head> <title></title> <style type="text/css"> #contentarea {width:200px;height:300px;border:solid 1px black;overflow-y:auto;overflow-x:hidden;word-break:break-all;} </style></head><body> <div id="contentarea"> <div>012345678901234567890123456789012345678901234567890</div> </div></body></html>长度不固定的文字在水平位置超出外层div的大小时，超出部分换行显示。
IE8下测试正常，但到FF3.5下就不对。
[解决办法]
- HTML code
<style type="text/css"> #contentarea {width:100px;height:300px; border:1px solid black; overflow-y:auto;overflow-x:hidden; word-wrap:break-word;word-break:break-all;} </style>