css - -moz-fit-content 和 -moz-center 的 ie 等价物是什么

Question

我试图在父元素内将链接元素一个一个地居中对齐，其中元素采用最小宽度和高度，就像使用 display:inline-block

时一样

.parent {
    text-align: -moz-center;
    text-align: -webkit-center;
    text-align: -ms-center;
}

.parent a {
    display:block;
    width:-moz-fit-content;
    width:-webkit-fit-content;
    width:-ms-fit-content;
    background-color:red;

}


<div class="parent">
  <a href ="#">Link1</a>
  <a href="#">Link2</a>
</div>

我看到它适用于 Chrome 和 Firefox，但不适用于 IE。有谁知道 IE 中 -moz-center 和 -moz-fit-content 的等价物是什么？

Answer 1

为什么不直接为容器使用实际的inline-block？此外，display:table 和 float:left 将具有相同的效果。

.parent {
  display: inline-block;
  background: #eee;
}
.parent a {
  display: block;  
  text-align: center;
}

<div class="parent">
  <a href ="#">Link1 is long</a>
  <a href="#">Link2</a>
</div>