加入收藏 | 设为首页 | 会员中心 | 我要投稿 核心网 (https://www.hxwgxz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营 > 正文

防止表格或DIV被文字撑开

发布时间:2018-09-03 21:05:34 所属栏目:运营 来源:站长网
导读:我们可以针对表格的属性来限制大小防止被撑开,比如在table width=600 border=0 cellpadding=0 cellspacing=0里添加代码style=table-layout:fixed;word-wrap:break-word;word-break;break-all;,其中table-layout:fixed; 是为了将表格布局固定住,就可以有

我们可以针对表格的属性来限制大小防止被撑开,比如在<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; /*让多出来的不显示*/
}

(编辑:核心网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读