工业工程用填充料

Question

在我的项目中，我使用fit-content作为CSS宽度。但根据这篇MDN文章和这个我可以用吗的说法，在IE中，这是行不通的。我在<div>上使用<div>。这个有填充物吗？如果有另一种方法没有多填，我很乐意接受。

我的代码(被严重删除)：

​

var i = 0;
setInterval(function(){document.getElementById('total').innerHTML = `${++i} s`}, 1000);

#total {
  position: absolute;
  margin-top: 10px;
  margin-left: 10px;
  font: 300px "Times New Roman";
  border: 1px solid #000;
  max-width: 88.9%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; /* Doesn't work in IE */
}

<div id="total">0</div>

​

Answer 1

尝试删除宽度属性，默认情况下此属性设置为“自动”。

然后div将自动增加，代码如下：

<script type="text/javascript">
    var i = 0;
    setInterval(function () { document.getElementById('total').innerHTML = (++i) + " s" }, 1000);

</script>
<style type="text/css">
    #total {
        position: absolute;
        margin-top: 10px;
        margin-left: 10px;
        font: 300px "Times New Roman";
        border: 1px solid #000;
        max-width: 88.9%;
    }
</style>
<div id="total">0</div>

输出如下(使用IE 11)：

​

Answer 2

根据MDN网络文档，fit内容与IE (或边缘)不兼容.

移除“宽度”对我不起作用，但对于其他无意中发现这一点的人来说，将"float: left“应用到元素中是有效的。