vue项目中实现垂直表格有两种方式（思路分析）

#app{width:100%;最小高度：100vh；框大小：边框框；填充：50px；.proWrap{宽度：100%；边框：1px实心#e9e9e9；右边界：0；底部边框：0；分组，这里除以几个。proItem{width:100%/3;向左飘浮;//向左浮动，span{display:inline-block;宽度：计算（50%-2px）；高度：50px；行高：50px；文本对齐：居中；border-right:1pxsolid#e9e9e9;border-bottom:1pxsolid#e9e9e9;}span:nth-child(1){背景：#fafafa;}}//清除浮动，不清除会导致最左边的边框消失&::after{content:"";显示：块；明确：两者；}}}//去掉li的默认样式{list-style-type:none;}问题描述在我们的项目中，水平表格很常见，但偶尔也可以制作垂直表格。比如像下图这样的竖排表格：看到这样的效果图，我们首先想到的是使用UI框架，改一下就搞定了。但是，饿了么UI并没有直接提供这样的案例。有同学会想到在饿了么UI中使用el-table合并行合并列的方法。其实这样做的话，就麻烦了。比如下面的合并行和合并列：类似这个效果图，其实不一定非得用UI组件，有时候用native方法来做。反而会更方便。本文介绍两种实现这种简单垂直表的方法。实际场景可能更复杂，但还是那句话，只要有想法，问题不大。编程的关键在于思路：方法1（native方法）不推荐。思路是：自己画表格样式，用float从左到右排列。