Question

是否有任何方法可以使用margin auto将元素居中而不擦除margin top和bottom的旧值？注意它们是未知的。

我试图自动使左右边距生效，但是我想知道是否有任何一种方法可以在一行中做到这一点，您可以写一些东西而不是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

创建另一个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>

Answer 2

您可以尝试

      <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 3

请假不是，您不能那样做。您正在使用一种唯一的正确方法。

如何使用边距使元素居中而不擦除旧的边距上下值？

3 个答案: