9

max-width:-webkit-fit-content;ie 8有什么技巧吗？

试图让子 div 不占用父级的整个宽度，这适用于 ff、chrome 和 safari；希望有一些技巧可以让它与 ie 8 一起工作。

小提琴显示行为： http: //jsfiddle.net/XtZq9/ 我想要在 ie8 中的行为代码：

#wrap {
    background-color: aqua;
    width:300px;
    height: 50px;
    padding-top: 1px;
}

.textbox {
    background-color: yellow; 
    max-width: intrinsic;
    max-width:-webkit-fit-content;
    max-width:  -moz-max-content;
    margin-top: 2px;
}

<div id="wrap">
     <div class="textbox">
        Here is some text
    </div>  
    <div class="textbox">
        Here is other, longer, text
    </div>  
</div>
4

4 回答 4

26

From demosthenes.info, I learned I can simply use

display: table;

instead of 

width: fit-content;

Check the link however about problems with whitespaces. It does not apply to my case, and simply replacing width: fit-content with display: table solved my problem quite easily.

于 2015-06-11T15:24:56.913 回答
6

我能想到的最接近的是浮动你的元素。不完全一样，但可能足够相似；）虽然您需要设置额外的边距，但这对于条件样式表应该没有问题。

.textbox {
    background-color: yellow;
    float:left;
    clear:left;
}

你修改过的小提琴

于 2013-07-03T07:13:57.553 回答
5

这可能取决于情况：

我有一个宽度为块级的元素：fit-content; . 由于这在 IE 上不起作用，因此该元素占用了完整的可用宽度（如预期的那样）。

但我希望它只根据内容调整大小。

最后，我修复了它：

display: inline-flex;
于 2018-11-13T13:12:38.773 回答