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

简介: 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

相关文章
|
6月前
|
编解码 移动开发 前端开发
什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?
什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?
77 0
HTML table 标准结构
HTML table 标准结构
52 0
|
2月前
|
移动开发 前端开发 JavaScript
Twaver-HTML5基础学习(10)嵌入Table
本文介绍了如何在Twaver HTML5中嵌入表格(Table),并设置表格的列(Column)和样式。通过示例代码展示了如何在React组件中创建表格并添加数据,以及如何通过样式设置表格元素的颜色。
37 2
Twaver-HTML5基础学习(10)嵌入Table
|
2月前
|
移动开发 数据可视化 HTML5
Twaver-HTML5基础学习(40)表格可视化视图组件(Table)
本文介绍了如何在Twaver-HTML5中使用表格可视化视图组件(Table),包括创建表格、定义列对象、实现数据绑定和排序,以及处理表格事件和获取表格数据的方法。
36 1
|
4月前
HTML【详解】表格 table 标签(table的属性,语义化表格,简易表格,合并单元格)
HTML【详解】表格 table 标签(table的属性,语义化表格,简易表格,合并单元格)
243 0
HTML【详解】表格 table 标签(table的属性,语义化表格,简易表格,合并单元格)
|
6月前
|
移动开发 前端开发 JavaScript
什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的 IE?
什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的 IE?
HTML table表格详解
HTML table表格详解
100 1
|
6月前
|
Web App开发 前端开发 JavaScript
如何判断HTML是否兼容
如何判断HTML是否兼容【2月更文挑战第11天】
70 5
HTML table表格元素边框修改为单线
HTML table表格元素边框修改为单线
Html Table 固定或自定义列宽度
Html Table 固定或自定义列宽度
180 0