html - HTML表自动开始将行拆分为新列

我的问题是HTML表不是垂直显示行，而是在某些行之后开始自动将它们按以下顺序放入新列中：|Row1 | Row3 | Row4 ||Row2 |但是，我只需要将其垂直放入一列即可：|Row1||Row2||Row3|...在表格的HTML代码下方以及如何加载数据：<table id="coinflip-table"> <tbody id="coinflip-list"> <tr> @if (ViewBag.CoinflipAll != null) { foreach (CoinFlip.Main.Models.CoinflipViewModel cfGames in Model.Coinflips) { <td> <img class="coinflip-list-avatar" src="@cfGames.User1_IconUrl" /> @if (cfGames.Status != 0) { <span class="coinflip-vs-player">VS</span> <img class="coinflip-list-avatar" src="@cfGames.User2_IconUrl" /> } </td> <td class="coinflip-list-skins"> @if (ViewBag.WeaponBet != null) { foreach (CoinFlip.Main.Models.WeaponWebViewModel wep in ViewBag.WeaponBet) { <img class="coinflip-list-skins-small" title="@wep.Name" src="@wep.ImageUrl"> } } </td> <td> <span class="coinflip-value">[email protected]</span> </td> <td></td> <td> <button class="coinflip-list-action" type="button" data-toggle="modal">WATCH</button> </td> } } </tr> </tbody></table>而且我似乎无法理解其原因。有没有解决的办法，只是垂直走？在JS，CSS或HTML中？还是该问题可能与其他地方有关？任何帮助表示赞赏，干杯 最佳答案 如果需要垂直构建表，则必须在 元素周围放置foreach循环关于html - HTML表自动开始将行拆分为新列，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47469852/