在<table>< td ><tr>标签加style
相关链接在这里 如何保证table表格不被撑开（固定HTML表格宽度）
我们在网站制作过程中，有时会遇到网站页面变形的问题，出现这种的情况一个原因是浏览器兼容问题，可以通过优化代码来解决。还有一种情况是页面内容将网页框架撑开变形。今天我教给大家如何用
CSS样式表
固定表格框架。
比如我们在一个单元格里显示的字符过多，这时候你会发现在页面中显示的效果是表格没有自动换行,而是被强制拉长。这样就很不利于用户阅读，同时也不美观，伤害了用户体验。这时候我们需要对表格做下特殊处理方能解决这种情况的出现。
首先我们为表格套用样式,即套在<table>标记中
<table style="table-layout:fixed;">
这句话的意思就是将表格定位,不管里面有多少内容,如果超出,将自动覆盖
然后我们再为单元格定位,即套在<td>标记中
<td style="width:100%;word-wrap:break-word;">
这句话的意思就是将单元格的内容自动换行
表格做了如上处理，就再也不用担心内容会爆表了。
介绍几种字体颜色代码： 深红 #ff6600 ； 大红 #ff0000 ； 粉红 #ff66cc ； 淡红 #ff66ff ； 绿色 #ccff00 ； 紫蓝 #ff33ff ； 黄色 #ffff33 ； 金红 #cc0000 ； 天蓝 #66ffff ； 草绿 #66cc00 ； 深蓝 #3333ff ； 橙色 #ff9900 ； 深绿 #339900 ； 白色 #ffffff ； 黑色 #000000 ； 红色#FF0033；
