我正在使用 jquerytabs,它在单击某个按钮时动态添加选项卡。标题可以是任何字符长度。我想要的是如果 title 包含超过 20 个字符,CSS 应该使其达到 17 个长度的字符,并在其前面加上 3 个点。这是标题 html 我在 Firebug 中看到的元素,其中标题是“测试标题长度有太多字符”
<li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active">
<a href="#ui-tabs-4">Test Title length With Too many Characters/a>
<span class="ui-icon ui-icon-close"></span>
</li>
我正在寻找 css 属性,以便我看到标题为“测试标题长度...”,长度为 17 个字符,前面有三个点?
最佳答案
你可能想要这样的东西:http://css-tricks.com/snippets/css/truncate-string-with-ellipsis/
即将此类添加到列表项:
.truncate {
width: 250px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
关于javascript - CSS使标签标题包含固定字符长度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13470974/