怎么解决边界内换行 _HTML/CSS

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