首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

怎么解决边界内换行

2012-05-28 
如何解决边界内换行?在写页面的时候,发现如果在编辑器中输入的是一长串的英文,最后显示出的页面被撑破了,

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

热点排行