Как использовать поля для центрирования элементов, не стирая старое значение полей сверху и слева?

Question

Есть ли способ использовать поле авто для центрирования элементов, не стирая более старые значения полей сверху и снизу?обратите внимание, что они неизвестны.

Я попытался сделать поле слева и справа автоматически, и это сработало, но я хочу знать, есть ли способ сделать это в одной строке, что-то, что вы можете написать вместо 0это сохраняет старое значение

<style>
  .test {
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: grey;
    width: 200px;
  }
</style>
<div class="test">this is test div</div>

Это работает здесь, но есть ли способ сделать это, используя маржу, записав в поле сверху и снизу значение, которое сохраняет старое значение, не зная его?

Answer 1

вы можете попробовать это

      <style>
        .parent {
            display: flex;
          justify-content: center;
        }
        .test {
          background-color: grey;
          width: 200px;
        }
      </style>

    <div class="parent">
       <div class="test">this is test div</div>
    </div>

Answer 2

Ответа нет, вы не можете этого сделать. Вы используете один и единственный правильный способ сделать это.

Answer 3

Создайте еще один div и поместите свой код в это .. Пожалуйста, проверьте ниже: Я удалил поля css.

  .test {
    display: inline-block;
    background-color: grey;
    width: 200px;
  }

<div style="text-align: center;">
<div class="test">this is test div</div>
</div>