Question

我正在使用css类修剪手风琴标题中的文本。标题包含两个字段。一个URL，另一个是纯文本。我需要在同一行显示它们。

预期产出：

... / 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 >

你能帮我解决我做错的事吗？

Answer 1

这是因为css属性text-overflow：语法错误。

尝试text-overflow:ellipsis;

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

同时检查：https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow

问题在于方向：rtl; ：）

使用CSS修剪文本

1 个答案: