使用CSS修剪文本

我正在使用css類修剪手風琴頁眉中的文本。標題包含兩個字段。一個URL和另一個純文本。我需要在同一行中顯示它們。使用CSS修剪文本

預期輸出：

.../ABC/XYZ計數：42

實際輸出：

.../ABC/XYZ計數：42/

（我在整個文本的末尾看到這個奇怪的斜線，而它應該是在URL的末尾。）

我的CSS類是這樣的：

.trim-info { 
    max-width: 250px; 
    overflow: hidden; 
    text-align:left; 
    text-overflow:ellipsis ellipsis; 
    white-space: nowrap; 
    position: relative; 
    direction:rtl; 
    cursor:pointer; 
}

我在網頁代碼：

<accordion-heading > 
    <article class="trim-info">{{item1}} <b> Count:</b>{{item2}} </article> 
</accordion-heading >

能否請你幫我什麼，我做錯了什麼？

來源

2014-07-17 user3486478

只要指出一個錯字，最後的結束標籤應該是''。 – runTarm

我剛剛創建了一個小提琴...... :) –

這是因爲CSS屬性text-overflow：語法錯誤。

嘗試text-overflow:ellipsis;

http://jsfiddle.net/mBBJM/4541/

檢查也：https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow

的問題是關於方向：RTL; :)

來源

2014-07-17 19:15:12

文本溢出：省略號仍然給出相同的輸出.. – user3486478

你得到它的輸出是因爲你的js。你如何獲得該字符串或更好的輸入是什麼字符串？ .../abc/xyz計數：42 /這只是將方向翻轉爲文本方向：rtl;所以這是你的JS輸出的東西，然後CSS改變方向。 –

非常感謝您的評論。我可能不得不改變顯示順序。文字翻轉後，'/'會被追加。 – user3486478

使用CSS修剪文本

回答

相關問題