Question

这是一个非常简单的html页面。通过IE（已检查8,10），文本超出其容器。但是FF，Chrome不会出现这样的问题。

<!DOCTYPE html>
<html>
    <body>  
        <div style="display:inline-block;border:1px solid black">       
        <table>
            <caption><nobr>I' m table caption</nobr></caption>                                                                                      
        </table>                                            
    </div>  
    </body>
</html>

表格的“标题”标签似乎是原因。有人知道为什么它在IE中表现不同吗？感谢。

Answer 1

问题的原因是div风格的display:inline-block。

有关display:block样式的行为，请参阅以下JSFiddle。以下SO问题应该可以帮助您：

CSS Display inline-block issue with IE

修改：

从Fiddle开始，IE无法正确计算表格宽度，包括@MrLister解释的标题。

表格标题超过IE中的容器

1 个答案: