软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > 工具与技巧 > 防止表格或DIV被文字撑开

防止表格或DIV被文字撑开

我们可以针对表格的属性来限制大小防止被撑开,比如在<table width="600" border="0" cellpadding="0" cellspacing="0">里添加代码“style="table-layout:fixed;word-wrap:break-word;word-break;break-all;"”,其中“table-layout:fixed; ”是为了将表格布局固定住,就可以有效地防止表格被撑开,“word-wrap:break-word; ”是控制换行的,也就是强制执行换行,这个在文本内容较多的情况下需要使用到,特别是重复的内容出现,不执行换行的话,表格就被撑开了;而“word-break: break-all; ”可以解决IE的框架被英文(非亚洲语言文本行)撑开的问题,但是不会强制换行,只显示表格宽度里的内容。一般情况下只要用到“style="table-layout:fixed;word-wrap:break-word;"”就可以。当然,上面调用的语句可以定义在css里,比如:

Copy to ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com]
table {
table-layout: fixed;
word-wrap:break-word;
}

最后总结一下最实用的代码:
如果是表格,请用:

Copy to ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com]
table {
table-layout: fixed;
word-break: break-all;
}
如果是div层,请用:
Copy to ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com]
div {
table-layout: fixed;
word-wrap: break-word;
width: /*加上宽度; */
overflow: hidden; /*让多出来的不显示*/
}
    相关阅读
    栏目导航
    推荐软件