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