<table>
<tbody>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</tbody>
</table>
也就是让tr从左到右排,td从上到下排,达到这种显示效果--
1 3
2 4
table tr { float:left; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg);}
table td { -webkit-transform: rotate(-90deg); -moz-transform:rotate(-90deg);}
针对现代浏览器的写法
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。