2013-07-08 2 views
4

Я работаю с веб-шаблоном, который я загружаю. Поэтому я определить таблицу, такие как: - класс таблицы = «стол стол полосатого стола каймы самозагрузки-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

+0

проверьте на свой семейство шрифтов или добавьте тело {font-family: arial;} –

ответ

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; 
} 
+0

, так почему они относятся к классу Center внутри TD, в то время как у них не было связанного класса в файле CSS? –

+0

Я полагаю, на это может ответить только разработчик. Возможно, они намеревались добавить CSS в какой-то момент, но никогда не обходили его, или они больше не хотели выравнивания по центру на ячейках таблицы и поэтому удаляли «td.center» из селектора. – MrCode

3

Вы применили смелый стиль div, p и img тега. И вы используете его в тд теге так измените следующую строку:

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

с этим:

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

Редакцией:

Если вы хотите, чтобы сделать текст Выровнять по центру и жирным шрифтом, затем добавьте ниже код css в код css:

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

если я добавлю td.center ,, то формат таблицы будет неправильным, все ячейки строки будут под друг друга? –

+0

@johnG, поэтому вы хотите только выделить текст и центр выравнивания текста. –

+0

@johnG Я отредактировал ответ, чтобы проверить это. –

Смежные вопросы