Что такое эквивалент -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>

Answer 2

это не имеет отношения к вашей теме, но все же у меня есть вопрос ??

Почему вы хотите использовать -moz-center и -moz-fit-content ???

вы можете сделать такой же результат другим подходом

Смотрите эту скрипку http://jsfiddle.net/mk2zxujx/6/

, например

.parent{ 
margin:auto 0; 
text-align:center; 
} 


.parent a { 
display:block; 
background-color:red; 
color:white;  
} 


a{ 
    width:auto;// to make it responsive - you can give your own value if you want 
    min-width:50px; //since you asked for a minimum width 
} 

я надеюсь, что он будет работать во всех браузерах

Answer 3

Я бы просто добавим к этому, что если вы пытаетесь установить ширину внутренней области, ее лучше использовать:

width: intrinsic; 

Это будет использовать ширину региона, который у вас есть, а не всю область.