У меня есть тег div как первый элемент на странице html. Я хочу, чтобы этот элемент был центрирован на странице. Следовательно, я устанавливаю свойства левого и правого полей этого тега div. например, margin-left: 20%
Однако маржи действуют по-разному в разных браузерах, а выравнивание пользовательского интерфейса отличается браузером браузером
Как я могу это решить?
Как установить поля, чтобы они работали одинаково во всех браузерах?
Заранее спасибо.
ЦЕНТР 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 */
}
Обычно это будет работать лучше, если у вас есть ширина, установленная на div
yourDiv {
margin: 0 auto;
}
Не зная дополнительной информации о своем div, это ваш лучший выбор. Первый 0 устанавливает край верхнего и нижнего пределов в 0, а auto - для поля слева и справа.
Попробуйте добавить следующее свойство css в ваш класс css:
margin:0 auto;