Question

{8}是否存在max-width:-webkit-fit-content;的任何黑客攻击？

试图让一个孩子div不占用父母的整个宽度，这适用于ff，chrome和safari;希望有一些黑客可以让它与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>

Answer 1

从demosthenes.info开始，我了解到我可以简单地使用

display: table;

而不是

width: fit-content;

检查链接但是有关空格的问题。它不适用于我的情况，只需将 width：fit-content 替换为 display：table 就可以轻松解决我的问题。

Answer 2

我能想到的最接近的是漂浮你的元素。不完全相同，但可能足够相似;）你需要设置额外的余量，但这对于条件样式表应该没有问题。

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

Your modified fiddle

Answer 3

这可能取决于情况：

我有一个块级元素，宽度为 fit-content; 。由于这在IE上不起作用，因此该元素占用了全部可用宽度（符合预期）。

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

最后，我用：

display: inline-flex;

Answer 4

尚未;继续关注http://caniuse.com/#feat=intrinsic-width＆amp;

https://wpdev.uservoice.com/forums/257854-internet-explorer-platform/suggestions/6263702-css-intrinsic-sizing

max-width：-webkit-fit-content即8等效？

4 个答案: