关于在html中数字和英文不换行的解决方法
2011-12-23 10:56
274 查看
<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>字符换行</title> <style type="text/css"> table,td,th,div { border:1px green solid;} code { font-family:"Courier New", Courier, monospace;} </style> </head> <body> <h1><code>div</code></h1> <h1><code>All white-space:normal;</code></h1> <div style="white-space:normal; width:200px;"> 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 </div> <h1><code>IE \ word-wrap : break-word ;</code></h1> <div style="word-wrap : break-word ; width:200px;">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div> <h1><code>IE \ word-break:break-all;</code></h1> <div style="word-break:break-all;width:200px;">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div> <h1><code>Firefox/ word-break:break-all; overflow:auto;</code></h1> <div style="word-break:break-all; width:200px; overflow:auto;">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div> <h1><code>table</code></h1> <h1><code>table-layout:fixed;</code></h1> <table style="table-layout:fixed" width="200"> <tr> <td>abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss</td> </tr> </table> <h1><code>table-layout:fixed; word-break : break-all; word-wrap : break-word ;</code></h1> <table width="200" style="table-layout:fixed;"> <tr> <td width="25%" style="word-break : break-all; ">abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss</td> <td style="word-wrap : break-word ;">abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss</td> </tr> </table> <h1><code>FF \ table-layout:fixed; overflow:hidden;</code></h1> <table style="table-layout:fixed" width="200"> <tr> <td width="25%" style="word-break : break-all; overflow:hidden; ">abcdefghigklmnopqrstuvwxyz1234567890</td> <td width="75%" style="word-break : break-all; overflow:hidden; ">abcdefghigklmnopqrstuvwxyz1234567890</td> </tr> </table> </body> </html>将上面的代码复制到一个html文件中后打开可以看见只有使用table的时候英文和数字才能换行,所以可以使用table来解决这个问题
相关文章推荐
- textarea标签内容为(英文或数字不自动换行)的解决方法
- 英文或数字能使容器被撑大的解决方法--自动换行
- xhtmlrenderer进行HTML转PDF【解决中文、数字、英文过长自动换行问题】
- 解决英文或数字在HTMl网页中不自动换行。
- html td 换行-解决长串英文字母或者数字不能自动换行的问题
- 关于html+ashx开发中几个问题的解决方法【转】
- 关于html+ashx开发中几个问题的解决方法
- css实现连续的英文或数字自动换行的方法
- 关于matlab代码DeepLearnToolbox-CNN卷积神经网络手写数字识别实例源码直接运行出错的解决方法
- html5 连续的数字、英文不自动换行的解决办法
- 关于利用Jsoup解析HTML中 ;变成非传统空格或乱码问题解决方法
- 解决汉字+数字和英文会换行的问题
- 关于html+ashx开发中几个问题的解决方法
- 关于Exce报表没有边框的问题-解决办法(修改html后缀方法)
- 关于span不能设置宽度及span自动换行的解决方法
- 【原创】关于html+ashx开发中几个问题的解决方法
- 关于html,htm文件图标问题解决方法
- css解决英文字符与阿位伯数字自动换行
- 长英文自动换行的最终解决方法
- 关于html编辑器的回车换行问题解决方案