как центрировать заголовок в ячейке таблицы - PullRequest
Новая
       30

как центрировать заголовок в ячейке таблицы

0 голосов
/ 09 января 2012

как центрировать

Я бы хотел центрировать текст «Информация». Пробовал выравнивать = "центр", но не работал

Правильно ли указан мой код? 

<table border="1" width="100%" cellspacing="10">
<tr>
    <th>column1</th>
    <th>column2</th>
    <th bgcolor="#4F81BD"><strong><font size="5" color="white" face="calibri" align="center">Information</font><strong></th>
  </tr>
</table>

[РЕДАКТИРОВАТЬ] Вот код, который я построил благодаря вашим ответам. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Title</title>

<style type="text/css">
.centerText{
       text-align: center;}
</style>

</head>
<table border="0" width="100%" cellspacing="10">
<tr>
    <th></th>
    <th></th>
    <th class="centerText" bgcolor="#4F81BD"><strong><font size="5" color="white" face="calibri" >Information</font><strong></th>
  </tr>
    </table>
    </body>
    </html>

Это правильный способ справиться с этим?

Ответы [ 5 ]

3 голосов
/ 09 января 2012

В своем коде вы помещаете align="center" в тег font внутри strong. Все эти элементы встроены и не соответствуют всей ширине ячейки. Чтобы выровнять его по центру, вам нужно поместить такой атрибут в тег th или изменить отображение тегов string и font на display:block, чтобы соответствовать всей ширине.

Самый простой способ сделать это в CSS: 

 table tr th { text-align:center; }

P.S. Лучше всего переместить все ваши встроенные стили в файлы CSS.

2 голосов
/ 09 января 2012

Попробуйте использовать CSS.

table th {text-align:center;}
2 голосов
/ 09 января 2012

Использование text-align:center;

см. Этот живой пример на jsfiddle

[РЕДАКТИРОВАТЬ] Обратите внимание, что вы должны реализовать эти стили в своем CSS с классами или элементами, как указаноот других пользователей

1 голос
/ 09 января 2012
  1. Тег <font> устарел , и его использование считается очень плохой идеей.Вместо этого используйте CSS.
  2. Использование тега <strong> только для того, чтобы текст был выделен жирным шрифтом, также не особенно полезно, особенно внутри элемента <th>.<th> уже указывает, что текст имеет значение, потому что это заголовок столбца таблицы.Во многих браузерах текст уже выделен жирным шрифтом в <th> s
  3. Стиль CSS, используемый для центрирования текста: text-align: center
0 голосов
/ 09 января 2012

Попытка этого 

<th bgcolor="#4F81BD" align="center"><strong><font size="5" color="white" face="calibri" >Information</font><strong></th>
...