什么是等效的-moz-fit-content和-moz-center

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.有谁知道什么是相当于 -moz-center和-moz-fit-content在IE？

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>