溢出:隐藏在IE8中占用额外的空间

overflow: hidden cosumes extra space in IE8?

本文关键字：空间 隐藏 IE8 溢出      更新时间：2023-09-26

>我有以下 html 代码

<div id="tabsDiv" >
    <ul id="myTabs" class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
        <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active">
            <a href="#ui-tabs-2">Testing it for creation  Testing it for creation subject Testing it for creation subject 
            Testing it for creation  Testing it for creation  Testing it for creation subject Testing it 
            for creation  Ends here</a>
            <a>
        </li>
    </ul>
</div>

这是 css 代码

#myTabs li a {
  font-size: 9pt;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

在这种情况下，当我有大型超链接时，我遇到了问题 测试它.....到此结束。发生的情况是 css 只显示以下字符适合 200px 加 3 个点，但它不必要地占用了完整文本的空间。因此，如果我添加另一个li标签，它将在大空间后开始。 它在IE9，FF，chrome中工作正常，但在IE8中不起作用？

尝试添加display:block或inline-block 在 JSFiddle 上查看

相关文章：