javascript - CSS使标签标题包含固定字符长度?

标签 javascript html css jquery-ui jquery-tabs

我正在使用 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/

相关文章:

javascript - 具有多种宽度列的同位素砌体

javascript - 如何使用 React JS 在 Material UI 中使整个 Card 组件可点击?

javascript - NodeJS 事件发射器阻塞问题

html - 如何根据屏幕尺寸对齐图片和文字?

html - 在输入类型文本上显示 "small popup"的最佳方式

javascript - Accordion 式导航标题的切换图标

javascript - 谷歌图表需要很长时间才能加载

javascript - 将 json 转换为 javascript 变量

javascript - d3 从 csv 文件中提取单个值

javascript - 显示AJAX请求的结果