1

ボタンをクリックすると動的にタブを追加する jquerytabs を使用しています。タイトルの長さは任意です。私が望むのは、タイトルに 20 文字を超える文字が含まれている場合、CSS はその前に 3 つのドットを付けて 17 文字にする必要があるということです。ここに、タイトルが「文字数が多すぎるテストタイトルの長さ」であるfirebugに表示されるタイトルhtml要素があります

<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 文字で、その前に 3 つのドットがありますか?

4

2 に答える 2

4

あなたはおそらくこのようなものが欲しいでしょう：http：//css-tricks.com/snippets/css/truncate-string-with-ellipsis/

つまり、このクラスをリストアイテムに追加します。

.truncate {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
于 2012-11-20T10:17:29.317 に答える
0

この質問に javascript / jQuery タグを追加したので、テキストを切り捨てる js / jQuery を次に示します。

var text = $('a').text();
if(text.length > 17)​{
    $('a').text(text.substr(0,17) + "...")
}​

ただし、CSS はこれを実現するためのよりクリーンな方法です。

于 2012-11-20T10:26:21.457 に答える