1

次の HTML コードがあります。

<div class="flex-container">
    <div class="flex-item">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit fusce vel sapien elit in malesuada semper mi, id sollicitudin urna fermentum ut fusce varius nisl ac ipsum vel pretium tellus.</p>
    </div>
</div>

および次の CSS:

.flex-container {
    border: solid 1px black;
    display: -ms-flexbox;  /* For IE10 */
    display: flex;  /* For modern browsers. */ 
}

コードはjsFiddleで入手できます。残念ながら、IE10 内部の 'p' タグはオーバーフローを引き起こしますが、最新のブラウザーではすべて問題ありません。どうすればIE10で修正できますか?

4

1 に答える 1

0

IE 10 でテスト済み。JSFiddleを参照してください。

修正CSSは次のとおりです。

.flex-container {
    border: solid 1px black;
    display: flex;  /* For modern browsers. */
    display: flexbox;  /* For IE10 */
}
于 2013-09-28T12:38:15.557 に答える