您现在的位置是:首页 > 电脑技术查询 > web开发

文字换行显示解决办法

编辑:chaxungu时间:2022-10-02 23:23:38分类:web开发

文字换行显示
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>