FED

©FrontEndDev.org
2015 - 2024
web@2.23.0 api@2.21.1

display构造table小例子

#利用display的属性特性构造的table可以兼容到IE8 ##前言

自从上次发过文章之后感觉大家非常的热情,可我却没有坚持更新。感到非常惭愧!今天刚好得空,闲暇之余做个小例子玩玩,以飨读者。

ok,今天的话题是display构造table,下面的说明要仔细看哦,对应的属性在DEMO中都有用到。

##内容 table:指定对象作为块元素级的表格。类同于html标签<table>(CSS2)

table-caption:指定对象作为表格标题。类同于html标签<caption>(CSS2)

table-cell:指定对象作为表格单元格。类同于html标签<td>(CSS2)

table-row:指定对象作为表格行。类同于html标签<tr>(CSS2)

table-row-group:指定对象作为表格行组。类同于html标签<tbody>(CSS2)

table-column:指定对象作为表格列。类同于html标签<col>(CSS2)

table-column-group:指定对象作为表格列组显示。类同于html标签<colgroup>(CSS2)

table-header-group:指定对象作为表格标题组。类同于html标签<thead>(CSS2)

table-footer-group:指定对象作为表格脚注组。类同于html标签<tfoot>(CSS2)

https://jsfiddle.net/j5xrsgyj/7/