7

我正在使用我下载的 Web 模板。所以我定义了一个表，例如：-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类，但我找不到任何其他对 .center 的引用，除了 insidethis

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

4

2 回答 2

5

您已将粗体样式应用于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;
}
于 2013-07-08T10:52:23.417 回答
1

您拥有的 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;
}
于 2013-07-08T10:51:41.263 回答