asp.net-mvc - 列之间的 ASP.NET Bootstrap 表填充不起作用

Question

在下表中View在我的 ASP.NET MVC Core 1.1 应用程序中，我试图在列之间创建一些空间 OrderNumber和 ItemName .但是两个栏目的内容还是太接近了。是不是因为css在我的里面 <style>....</style>下面是错误的，或者 Bootstrap 的默认表设置覆盖了我的 css . 问题:如何创建两列之间的间距？

@model MyProj.Models.TestViewModel
<style>
    table th td{
        padding-left:115px;
    }
</style>
<table>
    @foreach (var item in Model.lstOrders)
    {
        <tr>
            <td>
                <a asp-action="TestAction" asp-route-id="@item.OrderId">@item.OrderNumber</a>
            </td>
            <td>
                @item.ItemName
            </td>
        </tr>
    }
</table>

Answer 1

您可以:

• 在 CSS 中为元素定义填充(推荐)
• 在两者之间插入一个带有“&nsbp”值的空列(一个讨厌的 hack，但被证明是有效的)

... 并且您的样式定义错误(提示:您的表中没有元素)。 简单地尝试

td {
    padding: 5px;
}