html - 将表格单元格字体更改为粗体

Question

我正在使用我下载的网络模板。所以我定义了一个表，例如:-table class="table table-striped table-bordered bootstrap-datatable datatable">

<thead>
<tr>
<th></th> <th></th>
 </tr></thead>
<tbody> 
 <tr> 
        <td class="center" >
     @Html.LabelFor(model => model.AccountDefinition.ORG_NAME) 


        </td>
        <td>@Html.DisplayFor(model => model.AccountDefinition.ORG_NAME)</td>
    </tr>
    <tr> 
        <td class="center">
         @Html.LabelFor(model => model.AccountDefinition.LOGIN_URI)


        </td>

我在模板中搜索 .center 类，但除了 insidethis 之外我找不到任何其他对 .center 的引用

div.center,p.center,img.center{
margin-left: auto !important;
margin-right: auto !important;
float:none !important;
display: block;
text-align:center;

}

所以我加了

font-weight:bold

上面的 css 看起来像:-

div.center,p.center,img.center{
margin-left: auto !important;
margin-right: auto !important;
float:none !important;
display: block;
text-align:center;
font-weight:bold;

}

但是表格单元格的字体还是不会加粗？关于如何修复它的任何想法？BR

Answer 1

您已将粗体样式应用于div、p 和img 标签。并且您正在将它用于 td 标记，因此请更改以下行:

div.center,p.center,img.center{

用这个:

div.center,p.center,img.center,td.center{

已编辑:

如果您想让文本居中对齐并加粗，请在您的 CSS 代码中添加以下 CSS:

td.center{
  text-align:center;
  font-weight:bold;
}