HTML-тег div слева, свойства правого поля работают по-разному для разных браузеров

Question

HTML-тег div слева, свойства правого поля работают по-разному для разных браузеров

0

У меня есть тег div как первый элемент на странице html. Я хочу, чтобы этот элемент был центрирован на странице. Следовательно, я устанавливаю свойства левого и правого полей этого тега div. например, margin-left: 20%

Однако маржи действуют по-разному в разных браузерах, а выравнивание пользовательского интерфейса отличается браузером браузером

Как я могу это решить?

Как установить поля, чтобы они работали одинаково во всех браузерах?

Заранее спасибо.

user2494444 23 сен. 2013, в 21:28

Источник

Теги:

html

3 ответа

0

Обычно это будет работать лучше, если у вас есть ширина, установленная на div

yourDiv {
    margin: 0 auto;
}

Не зная дополнительной информации о своем div, это ваш лучший выбор. Первый 0 устанавливает край верхнего и нижнего пределов в 0, а auto - для поля слева и справа.

Huangism 23 сен. 2013, в 16:52

0

Мой код очень прост: <div style = "margin-left: 28%"> <table border = "1"> <tr> <td> Это первый столбец </ td> <td> Это второй столбец </ td> </ tr> </ table> </ div>
user2494444 23 сен. 2013, в 19:16
0

Также я не использую CSS в настоящее время. У меня нет проблем с использованием CSS, хотя. Я пытаюсь обернуть мою HTML-таблицу в тег div, а затем выровнять тег div, установив его левое и правое поля, чтобы правильно расположить его на странице
user2494444 23 сен. 2013, в 19:19
0

@ user2494444 Я собираюсь предположить, что вы хотите, чтобы div имел ширину 44%, поскольку у вас осталось поле в 28% (при условии, что правые 28% также будут отцентрированы). Поместите ширину в ваш div 44% и используйте поле: 0 auto; примечание: даже если вы не измените маржу, ширина в 44% все равно будет центрировать ваш div в этом сценарии
Huangism 23 сен. 2013, в 19:32

Показать ещё 1 комментарий

0

Попробуйте добавить следующее свойство css в ваш класс css:

margin:0 auto;

Irfan TahirKheli 23 сен. 2013, в 16:24

0

Мой код очень прост: <div style = "margin-left: 28%"> <table border = "1"> <tr> <td> Это первый столбец </ td> <td> Это второй столбец </ td> </ tr> </ table> </ div>
user2494444 23 сен. 2013, в 19:20
0

Также я не использую CSS в настоящее время. У меня нет проблем с использованием CSS, хотя. Я пытаюсь обернуть мою HTML-таблицу в тег div, а затем выровнять тег div, установив его левое и правое поля, чтобы правильно расположить его на странице.
user2494444 23 сен. 2013, в 19:21
0

Замените style = "margin-left: 28%" на style = "margin: 0 auto;"
Irfan TahirKheli 23 сен. 2013, в 19:22
0

@ user2494444 Избегайте использования встроенных стилей, если вы используете HTML5, это недопустимо.
mdesdev 23 сен. 2013, в 19:25

Показать ещё 2 комментария

Ещё вопросы

Мой код очень прост: <div style = "margin-left: 28%"> <table border = "1"> <tr> <td> Это первый столбец </ td> <td> Это второй столбец </ td> </ tr> </ table> </ div>
Также я не использую CSS в настоящее время. У меня нет проблем с использованием CSS, хотя. Я пытаюсь обернуть мою HTML-таблицу в тег div, а затем выровнять тег div, установив его левое и правое поля, чтобы правильно расположить его на странице
@ user2494444 Я собираюсь предположить, что вы хотите, чтобы div имел ширину 44%, поскольку у вас осталось поле в 28% (при условии, что правые 28% также будут отцентрированы). Поместите ширину в ваш div 44% и используйте поле: 0 auto; примечание: даже если вы не измените маржу, ширина в 44% все равно будет центрировать ваш div в этом сценарии
Мой код очень прост: <div style = "margin-left: 28%"> <table border = "1"> <tr> <td> Это первый столбец </ td> <td> Это второй столбец </ td> </ tr> </ table> </ div>
Также я не использую CSS в настоящее время. У меня нет проблем с использованием CSS, хотя. Я пытаюсь обернуть мою HTML-таблицу в тег div, а затем выровнять тег div, установив его левое и правое поля, чтобы правильно расположить его на странице.
Замените style = "margin-left: 28%" на style = "margin: 0 auto;"
@ user2494444 Избегайте использования встроенных стилей, если вы используете HTML5, это недопустимо.

mdesdev · Accepted Answer · 2013-09-23T16-19-00.000Z

ЦЕНТР DIV

Центрирование относительного позиционного div

#div {
  position: relative;  /* Or without position property | default is static */
  width: 960px;        /* Change to your needs */
  margin: 0 auto;
}

Вы также можете использовать, например, margin: 0 auto 20px; где 0 - верхний, auto - влево/вправо, а 20px - снизу.

Центрирование абсолютного позиционированного div

#div {
  position: absolute;
  width: 960px;        /* Change to your needs */
  top: 0;
  left: 50%;
  margin-left: -480px; /* Margin left is - width / 2 */
}