Странное поведение выравнивания таблиц в FF / Chrome - PullRequest
Новая
       4

Странное поведение выравнивания таблиц в FF / Chrome

1 голос
/ 21 апреля 2011

Я только что выделил странное поведение в FF3.5 и Chrome 10, которое объясняет, почему некоторые из моих таблиц не выравниваются, как я ожидаю.

Когда в таблице установлено поле CSS (или с помощью общего * селектора), атрибут выравнивания больше не работает.

Я понимаю, что выравнивание сейчас устарело, и что мы все должны устанавливать выравнивание таблицы, используя стиль выравнивания текста контейнера, но иногда это все же удобно, когда вам нужно различное выравнивание различного содержимого внутри содержащего div. *

IE (на этот раз) кажется обычным человеком и не зависит от настройки поля. Проверьте это на: http://www.songtricks.com/AlignBug.html

Вот код - есть мысли? 

<!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>
</head>

<body>

        <table border="1" width="50%" align="center" style="margin:0px;">
        <tr>
            <td>Table with style="margin:0px;"</td>
        </tr>
        </table>

        <table border="1" width="50%" align="center">
        <tr>
            <td>Table with no style</td>
        </tr>
        </table>

</body>
</html>

1 Ответ

0 голосов
/ 21 апреля 2011

Я не уверен, как работает атрибут align, но похоже, что когда вы применяете поле margin-top или margin-bottom к стилю, оно, похоже, не влияет на него.Только если вы измените поля left и right, это вызовет эту ошибку.Я предполагаю, что свойство align работает так же, как margin: 0 auto.когда я добавил авто для левого и правого полей, вы получите желаемый результат. 

<table border="1" width="50%" style="margin:0px auto;">
    <tr>
        <td>Table with style="margin:0px;"</td>
    </tr>
</table>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...