css – IE11 flexbox防止文本包装?

前端之家收集整理的这篇文章主要介绍了css – IE11 flexbox防止文本包装?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在开发一个在最新版本的Firefox / SeaMonkey / Chrome中显示OK的网站,但有趣的是在IE11中有一个渲染问题:
http://devel.gooeysoftware.com/mozaddons/switching.php

如果您在IE11中加载,则左侧的“从Firefox切换到SeaMonkey”菜单项不会将其文本转换为包含DIV的大小,而是溢出。我看不出为什么会这样。它只是IE11中的一个错误,或者我缺少一些CSS来使其包装?

更新:

看起来他们修复了一大堆在Edge中的IE11 flexBox渲染错误

IE11:

边缘:

解决方法

在FlexBox错误存储库中找到这个简单的修复:
/**
* Flexbug demo 2.1.b (workaround)
*
* 1. Set `max-width:100%` to prevent
*    overflow.
* 2. Set `Box-sizing:border-Box` if
*    needed to account for padding
*    and border size.
*/

.FlexItem {
Box-sizing: border-Box; /* 2 */
max-width: 100%; /* 1 */
}

Flexbox bug repository

猜你在找的CSS相关文章