我们在网站制作过程中，有时会遇到网站页面变形的问题，出现这种的情况一个原因是浏览器兼容问题，可以通过优化代码来解决。还有一种情况是页面内容将网页框架撑开变形。今天我教给大家如何用CSS样式表固定表格框架。
比如我们在一个单元格里显示的字符过多，这时候你会发现在页面中显示的效果是表格没有自动换行,而是被强制拉长。这样就很不利于用户阅读，同时也不美观，伤害了用户体验。这时候我们需要对表格做下特殊处理方能解决这种情况的出现。
首先我们为表格套用样式,即套在<table>标记中
<table style="table-layout:fixed;">
这句话的意思就是将表格定位,不管里面有多少内容,如果超出,将自动覆盖
然后我们再为单元格定位,即套在<td>标记中
<td style="width:100%;word-wrap:break-word;">
这句话的意思就是将单元格的内容自动换行
表格做了如上处理，就再也不用担心内容会爆表了。
声明:如需转载，请注明来源于www.webym.net并保留原文链接：http://www.webym.net/jiaocheng/92.html
