这是asp.net mvc中我的表的代码。

<div class="span4 proj-div text-center" data-toggle="modal" data-target="#addLanguageModal">
<u>Add Language</u>
<table class="table table-bordered table-dark-header table-responsive">
    <tr class="text-center">
        <th>Language Name</th>
        <th>Welcome Message</th>
        <th></th>
    </tr>


    @foreach (var item in Model.Languages)
    {
        <tr>
            <td>@Html.DisplayFor(modelItem => item.LanguageName)</td>
            <td>@Html.DisplayFor(modelItem => item.Message)</td>
            <td>
                @Html.ActionLink("Edit", "EditLanguage", "Country", new { id = item.LanguageId })|
                @Html.ActionLink("Delete", "DeleteLanguage", "Country", new { id = item.LanguageId })
            </td>
        </tr>
    }
</table>




屏幕喜欢:
css - 如何在ASP.NET MVC中使表格标题对齐中心?-LMLPHP

您会看到标题位于左侧。我希望标题文本在中间。
我们可以使用bootstrap类来做到这一点吗?

最佳答案

向每个th添加类名称class="text-center"

或在您的CSS中:

th {
  text-align: center;
}


Bootstrap documentation - alignment classes

10-07 19:35
查看更多