IE与火狐对html中table表换行和居中问题,（2012.06.08）

问题描述：IE与火狐对html换行问题采用了不同的机制，当html里面存在一个表格的时候，表格里面的数据单词无换行或空格，如DSFSDFSDF/DSFSDFSDF/SDFSDFSDF/SDFSADFSAD/SDFSDFDS，在火狐显示中会自动进行换行处理，在IE里面他不会对该长单词进行自动换行处理，就会将表格撑大，使得用IE浏览该html的时候css样式会变形，出现如下问题：

而火狐能够正常显示，如下：

，

解决方案：

将table表的table-layout属性设置成fixed;table-layout:fixed;

这下在IE里面显示就会居中显示，并且会强制性的对表格长单词进行换行，随之出现问题换行后的内容太多，有些显示会被遮盖起来，只能显示出一部门，这是可以讲height：的属性就该为auto。即可解决。

遗留下来的问题：

在两端对齐，火狐会自动将文档进行对齐，而IE不会，当设置了属性word-break:normal; text-align:justify; 可以解决该问题，对于IE浏览器机制，当出现单词带有-的时候（如antion-person）在右边对齐的时候会出现一小个空格，影响所有的行都有一小空格，而火狐却能正常显示，一直未找到解决方案，可能是IE对于这种单词显示机制的问题。如果有兴趣者可以和我一起探讨，留言。