日期:2014-05-17  浏览次数:20655 次

如何解决边界内换行?
在写页面的时候,发现如果在编辑器中输入的是一长串的英文,最后显示出的页面被撑破了,原本表格的大小变了形。
后来看到网上的一个帖子,说加上个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