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 に答える