怎么解决边界内换行
日期：2014-05-17 浏览次数：20587 次
如何解决边界内换行？
在写页面的时候，发现如果在编辑器中输入的是一长串的英文，最后显示出的页面被撑破了，原本表格的大小变了形。
后来看到网上的一个帖子，说加上个style="word-wrap:break-word:" width="160"，这样就不会撑破了，
然后我试了好久都没用，后来突然想到，设置的break-word虽然是边界内换行，但也是按词划分的，而输入的一长串的英文也被当成了一个词，所以就没有换行。
于是又在网上找了词内换行的方法，就是把一个单词截断的，
是设置了word-break: break-all
这样一设置这后，所有页面果断的好了，都能自动换行了，格式也没有扭曲了，不过~~~~~
然后我就输入了一篇英文文章，其中的一些词也都被断开了比如说google成了
goo
gle
这样，这样还是相当的蛋疼~~~~~不知道各个大哥是怎么解决的....
------解决方案--------------------
table {
table-layout: fixed;
word-break: break-all;
overflow: hidden;
}
------解决方案--------------------
加内联的表格就行了
------解决方案--------------------
在写页面的时候，发现如果在编辑器中输入的是一长串的英文，最后显示出的页面被撑破了，原本表格的大小变了形。
后来看到网上的一个帖子，说加上个style="word-wrap:break-word:" width="160"，这样就不会撑破了，
然后我试了好久都没用，后来突然想到，设置的break-word虽然是边界内换行，但也是按词划分的，而输入的一长串的英文也被当成了一个词，所以就没有换行。
于是又在网上找了词内换行的方法，就是把一个单词截断的，
是设置了word-break: break-all
这样一设置这后，所有页面果断的好了，都能自动换行了，格式也没有扭曲了，不过~~~~~
然后我就输入了一篇英文文章，其中的一些词也都被断开了比如说google成了
goo
gle
这样，这样还是相当的蛋疼~~~~~不知道各个大哥是怎么解决的....
------解决方案--------------------
table {
table-layout: fixed;
word-break: break-all;
overflow: hidden;
}
------解决方案--------------------
加内联的表格就行了
------解决方案--------------------
- HTML code
<!DOCTYPE HTML>
<html>
<head>
<meta charset="gb2312" />
<title></title>
<style>
div {
width:100px; height:300px;
border:1px solid red;
word-wrap: break-word;
}
</style>
</head>
<body>
<div>
11111111111111111111111111111111111111111111111
</div>
</body>
</html>
------解决方案--------------------
给td定义 width
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
