0

我有以下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 中不行？

4

1 回答 1

0

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

于 2013-01-23T15:13:54.697 回答