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

上一篇:今天开始学SQL(一)


下一篇:关于cout计算顺序,从右到左计算顺序。