MVC HTML中如何在同一列垂直添加多个列表项

嘿，我明白你的问题啦！你现在的代码每次循环都生成一个新的<td>单元格，所以这些数字会在一行里水平铺开。要改成同一列垂直排列，关键是把所有数字都放进**同一个<td>**里，而不是每个数字对应一个<td>。这里有两种简单的实现方式：

方法1：用换行标签<br>实现垂直排列 #

把循环嵌套在单个<td>内部，每个数字后面加<br>来强制换行：

<td class="col">
    @foreach (var item in result.NumberList)
    {
        @item<br>
    }
</td>

方法2：用列表实现更结构化的垂直排列 #

如果想要更规整的排版，也可以用无序列表，还能通过样式调整外观：

<td class="col">
    <ul style="list-style: none; padding: 0; margin: 0;">
        @foreach (var item in result.NumberList)
        {
            <li>@item</li>
        }
    </ul>
</td>

原理其实很直观：原来的逻辑是每个数字单独占一个表格单元格，所以会在同一行水平排列；现在所有数字都被放在同一个单元格里，通过换行或列表让它们垂直堆叠，自然就呈现出同一列的效果啦。

内容的提问来源于stack exchange，提问作者morgh