Центрирование таблицы в xHTML

Мне нужно центрировать всю таблицу в xHTML. Теги, которые работают в HTML для этого, не обязательно работают в xHTML, но способ сделать это не является очевидным (для меня).Центрирование таблицы в xHTML

Работает в HTML:

<div> 
<table border="0" cellspacing="0" cellpadding="0" align="center" style="border-collapse:collapse; width:90%;">

не работает в Xhtml:

<div> 
<table border="0" cellspacing="0" cellpadding="0" style="align:center;border-collapse:collapse; width:90%;">

Использование выравнивания текста: центр вместо изменяет выравнивание текста внутри ячеек, а не выравнивание всей таблицы на странице.

Каков правильный метод центрирования выравнивания таблицы в xHTML.

источник

2016-05-16 zeeple

Я думаю, что вы лучше, используя поля в центр. например, «margin: 0px auto». Это работает лучше. – durbnpoisn

Если вы собираетесь использовать CSS в любом случае, вы также должны преобразовать 'border',' cellpadding' и 'cellspacing'. Кстати, 'align' не является свойством CSS; вы имели в виду 'text-align'. Однако это не сработает; см. комментарий durbnpoisn. –

Одним из способов достижения этой цели является использование полей в атрибут стиля:

<table style="margin-left:auto; margin-right:auto">

источник

2016-05-17 16:48:51

Как это лучше, чем ответ durbnpoisn? –

Ха-ха ... Да, меня сожгли на этом. :) – durbnpoisn

Публикация как ответ. Думаю, вам лучше использовать поля, чтобы центрировать его. например:

margin:0px auto;

Это работает ПУТЬ лучше. Надеюсь, это поможет!

источник

2016-05-17 11:29:22 durbnpoisn

Если на самом деле необходимо центрировать таблицу на странице XHTML с акцентом на «X», тогда это может быть лучшим ответом, потому что это иллюстрирует CSS, который будет использоваться для этого. См. Http://stackoverflow.com/questions/2612483/whats-so-bad-about-in-line-css#answer-2612494 и т. Д. – RBV

Имейте в виду, что вы используете CSS изменить прилагательное/стиль в то время как (X) HTML концентрируется на существительных конструкций (заголовки, изображения, абзацы и т. д.). XHTML table - существительное, CSS margin и text-align - прилагательные, используемые для описания этих существительных.

Также проще использовать блок/инлайн кетчуп все класс:

.center {margin: auto; text-align: center;}

источник

2016-05-23 04:45:00 John

ответ

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