更改表格單元格字體爲粗體

我正在使用我下載的網頁模板。所以我定義了一個表，如： - 表類=「table表條紋表鑲上自舉數據表數據表」>更改表格單元格字體爲粗體

<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

來源

2013-07-08 john G

檢查您的字體家族或添加正文{font-family：arial;} –

您擁有的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-08 10:51:41 MrCode

爲什麼他們指的是TD中的Center類，而他們在CSS文件中沒有相關的類？ –

我想只有開發人員才能回答這個問題。也許他們打算在某些時候添加CSS，但從來沒有考慮過，或者他們不再需要在表格單元格上進行中心對齊，所以從選擇器中刪除'td.center'。 – MrCode

您已經應用了大膽的風格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-08 10:52:23

如果我添加了td.center，那麼表格格式會錯誤，所有的行單元格都會在對方下面？ –

@johnG所以你只想粗體文本和中心對齊文本。 –

@johnG我編輯了答案檢查。 –

更改表格單元格字體爲粗體

回答

相關問題