相关疑难解决方法(0)

如果我有这个HTML:

<li class="name">hi</li>
<li class="name">hello</li>
<li class="name">wheeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee!</li> 

这个CSS:

li.name{
    border: 1px solid #A38870;
    background-color: #FA682D;
    list-style: none;
    margin: 15px;
    padding: 5px;
}

背景像这样一直延伸到整个页面.

我怎样才能使背景调整到像文本的大小这个(没有明确设置宽度为每个列表元素)？

我试图将链接元素中心对齐,在父元素内部,其中元素采用最小宽度和高度,就像使用时一样 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？