表格table中ta的display属性在不同浏览器中展示的不同

今天发现表格table中ta的display属性在不同浏览器中展示的不同，特别是block属性。

<table>

<tr>

<td style="display:block">111111111111111111111111111111<td>

<td style="display:block">2222222222222222222222222222222<td>

<td style="display:block">33333333333333333333333333333333<td>

</tr>

</table>

上面的标签在浏览其中都能正常显示，但是给table加上width属性50px，后fixfox就出现问题了。

应为我的表格的td是用js来控制是否显示的，并且是用了display="block"来赋值，导致了fixfox出现界面混乱。

经查：display属性

block : 　CSS1　块对象的默认值。用该值为对象之后添加新行

none : 　CSS1　隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间

inline : 　CSS1　内联对象的默认值。用该值将从对象中删除行

compact : 　CSS2　分配对象为块对象或基于内容之上的内联对象

marker : 　CSS2　指定内容在容器对象之前或之后。要使用此参数，对象必须和:after及:before 伪元素一起使用

inline-table : 　CSS2　将表格显示为无前后换行的内联对象或内联容器

list-item : 　CSS1　将块对象指定为列表项目。并可以添加可选项目标志

run-in : 　CSS2　分配对象为块对象或基于内容之上的内联对象

table : 　CSS2　将对象作为块元素级的表格显示

table-caption : 　CSS2　将对象作为表格标题显示

table-cell : 　CSS2　将对象作为表格单元格显示

table-column : 　CSS2　将对象作为表格列显示

table-column-group : 　CSS2　将对象作为表格列组显示

table-header-group : 　CSS2　将对象作为表格标题组显示

table-footer-group : 　CSS2　将对象作为表格脚注组显示

table-row : 　CSS2　将对象作为表格行显示

table-row-group : 　CSS2　将对象作为表格行组显示

并将block改为table-cell时FF就正常了。

后来把table-cell改为“”，发现也能正常显示。估计在表格时ff默认为table-cell样式。

总结：干脆采用“”，让浏览器自己取默认值展示吧

欢迎访问：​​http://121.18.78.216​​ 适易查询分析、工作流、内容管理及项目管理演示平台