html|table|内容超出长度-隐藏|兼容IE和FF的写法。

HTML中，一个表格，要达到二个条件：

1、内容多了不自动换行；

2、固定单元格宽度。如果内容超出，则隐藏；

 

如果在IE下，只是写成<table style="table-layout:fixed; overflow:hidden;"><tr><td nowrap>则可，而在FF下则不行。兼容IE和FF的写法，应该为：<table style="table-layout:fixed;"><tr>td style="overflow:hidden;" nowrap>

 

 

测试代码：

<style>.tbl {table-layout:fixed}.td {overflow:hidden;}</style>

<table class=tbl border=1 width=80>

  <tr>

    <td width=25% class=td nowrap>abcdefghigklmnopqrstuvwxyz 1234567890</td>

    <td class=td nowrap><div>abcdefghigklmnopqrstuvwxyz 1234567890</div></td>

  </tr>

</table>

 

参照：http://hi.baidu.com/wudan118/blog/item/780846f40e9b80e77609d78d.html