需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：
<table border="1"><tr><td>1</td></tr><tr><td>2</td></tr><tr><td>3</td></tr></table>
3、浏览器运行index.html页面，此时成功实现了table表的列竖向排列。
table的布局主要是利用 tr(行) 和 td(列)。布局是行(tr)开始开展，从上到下进行 行 的布局，从左到右进行 列 的布局。
第一行：
第二行：
按照这个思路进行就可以了。
可能注意到了，每一行td中都添加了colspan，这是为了出现 运维支持 (这一列)边框线与上面错开的样式，当然要这样使用colspan，你要保证每一行的 colspan数相加的和相同。
如有错误，欢迎指正。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）