Question

我正在使用我下载的网页模板。所以我定义了一个表格，如： - table class =“table table-striped table-bordered bootstrap-datatable datatable”＆gt;

<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类，但除了里面的内容之外我找不到任何其他的.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;
}

Answer 2

您拥有的CSS选择器不适用于<td>元素。您可以从选择器中看到，它仅适用于<div>，<p>和<img/>元素。你可以添加这个：

td.center {
    text-align:center;
}

或者将其添加到现有的CSS选择器：

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

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

2 个答案: