CSS Margin Center работает в Firefox, а не в Chrome - PullRequest
Новая
       11

CSS Margin Center работает в Firefox, а не в Chrome

0 голосов
/ 04 января 2019

Я хочу сделать баннер внизу страницы с фиксированным положением и заморозить при прокрутке.

.content {
      position: fixed;
      margin: 0% auto;
      left:0;
      right:0;
      bottom:0px;
      z-index: 999999999;
}
<table class="content">
    <tr>
        <td>
            <img src="logo.png">
        </td>
    </tr>
</table>

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

Кто-нибудь может мне помочь?Я просто хочу сделать баннер внизу страницы, фиксированное положение (стоп-кадр при прокрутке), margin-center.Спасибо

1 Ответ

0 голосов
/ 04 января 2019

margin: auto работает, только если этот элемент имеет фиксированную ширину и добавляет ширину к вашей таблице.

Или

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

.content {
    position: fixed;
    margin: 0 auto;
    left:0;
    right:0;
    z-index: 999999999;
    bottom:0px;
    display:flex;
    justify-content:center;
}
<div class="content"> 
  <img src="logo.png">
</div>
...