Css 单击IE开发工具中的元素修复了IE布局错误
我在Flexbox布局中有一些文本没有出现在IE11中(父元素的计算高度为0px) 如果在IE的“DOM资源管理器”中,我单击直接包含文本的div元素,那么文本会突然出现强> 只有当检查器右侧的选项卡设置为“样式”或“计算”时,才会发生这种情况-在另一个选项卡打开的情况下单击div(“布局”、“事件”…)不会导致文本显示 在其他现代浏览器中,文本按预期显示,无需干预Css 单击IE开发工具中的元素修复了IE布局错误,css,internet-explorer,flexbox,Css,Internet Explorer,Flexbox,我在Flexbox布局中有一些文本没有出现在IE11中(父元素的计算高度为0px) 如果在IE的“DOM资源管理器”中,我单击直接包含文本的div元素,那么文本会突然出现 只有当检查器右侧的选项卡设置为“样式”或“计算”时,才会发生这种情况-在另一个选项卡打开的情况下单击div(“布局”、“事件”…)不会导致文本显示 在其他现代浏览器中,文本按预期显示,无需干预 我假设在检查元素时正在进行某种样式的重新计算,这修复了显示问题。有什么方法可以从JavaScript触发类似的事件,或者解决这个问题吗
我假设在检查元素时正在进行某种样式的重新计算,这修复了显示问题。有什么方法可以从JavaScript触发类似的事件,或者解决这个问题吗?在我的例子中,答案是我用
elem.dataset
设置了父元素的数据属性,这在IE中表现不正确(参见IE bug 1104713,一年前标记为WONTFIX)
解决方法是使用
elem.setAttribute
,它可以正确地更新psuedo元素。如果有演示,则更容易帮助调试。我还建议您查看这张已知flexbox bug和修复列表,您可能会在其中找到解决方案。