首页 > css让table 行横着排,列竖着排

css让table 行横着排,列竖着排

<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);}

针对现代浏览器的写法


tr td设置一样的宽度,tbody设置包含所有tr的宽度,让td浮动,应该可以达到这种效果。

【热门文章】
【热门文章】