用DIV轻松实现自适应Table

清华大佬耗费三个月吐血整理的几百G的资源,免费分享!....>>>

<html>
<body>
<div style="display:table;border:1px red solid;width:100%;">
<div style="display:table-caption;text-align:center;">My table</div>
<div style="display:table-row;">
<div style="display:table-cell;border-bottom:1px red solid;border-right:1px red solid;">1</div>
<div style="display:table-cell;border-bottom:1px red solid;border-right:1px red solid;">2</div>
<div style="display:table-cell;border-bottom:1px red solid;border-right:0px red solid;">3</div>
</div>
<div style="display:table-row;">
<div style="display:table-cell;border-bottom:1px red solid;border-right:1px red solid;">1</div>
<div style="display:table-cell;border-bottom:1px red solid;border-right:1px red solid;">2</div>
<div style="display:table-cell;border-bottom:1px red solid;border-right:0px red solid;">3</div>
</div>
<div style="display:table-row;">
<div style="display:table-cell;border-bottom:1px red solid;border-right:1px red solid;">1</div>
<div style="display:table-cell;border-bottom:1px red solid;border-right:1px red solid;">2</div>
<div style="display:table-cell;border-bottom:1px red solid;border-right:0px red solid;">3</div>
</div>
<div style="display:table-row;">
<div style="display:table-cell;border-bottom:0px red solid;border-right:1px red solid;">1</div>
<div style="display:table-cell;border-bottom:0px red solid;border-right:1px red solid;">2</div>
<div style="display:table-cell;border-bottom:0px red solid;border-right:0px red solid;">3</div>
</div>
</div>
</body>
</html>