当前位置:网站首页 > 网站建设教程 > HTML教程 > 正文

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

教程管理员 发布于2023-09-30 14:17 HTML教程 147

简介: HTML中,一个表格,要达到二个条件: 1、内容多了不自动换行; 2、固定单元格宽度。如果内容超出,则隐藏;   如果在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


琼ICP备09004296号-12