开发者社区> 问答> 正文

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

展开
收起
a123456678 2016-03-24 16:12:00 6079 0
1 条回答
写回答
取消 提交回答
  • table tr { float:left; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg);}
    table td { -webkit-transform: rotate(-90deg); -moz-transform:rotate(-90deg);}
    针对现代浏览器的写法

    2019-07-17 19:12:59
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载