我试图在父元素内将链接元素一个一个地居中对齐,其中元素采用最小宽度和高度,就像使用 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
的等价物是什么?
最佳答案
为什么不直接为容器使用实际的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>
关于css - -moz-fit-content 和 -moz-center 的 ie 等价物是什么,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26151746/