文字换行显示解决办法

2012-03-13

文字换行显示HTML code!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.

文字换行显示

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>

热点排行

JavaScript

文字换行显示解决办法