如何在标题标题中截断左侧而不是右侧的文本？

Question

当标题文本的长度大于jquery-mobile截断文本末尾（右侧）有3个点（...）时，但我希望左侧相同。我的目的是从右侧显示文字。

Answer 1

这是CSS工作（文本溢出：省略号）。

您可以通过告知您的文字是从右到左书写，在CSS中添加direction: rtl来解决您的需求（在Firefox上）。

以下是一个示例：http://jsfiddle.net/2evzvf45/1/

.rtl {
    
    overflow:hidden;
    white-space:nowrap;
    -ms-text-overflow:ellipsis;
    text-overflow:ellipsis;
    direction:rtl;
    width:150px;
    height:1.2em;
    font-size:12px;
}

.normal {
    overflow:hidden;
    white-space:nowrap;
    -ms-text-overflow:ellipsis;
    text-overflow:ellipsis;
    width:150px;
    height:1.2em;
    font-size:12px;
}

<h1 class='rtl'>Long text is so long oh my is long indeed</h1>

<h1 class='normal'>Long text is so long oh my is long indeed</h1>

Answer 2

上一个示例工作正常，除了您有一个带有数字+文本的文本。然后数字将切换到最后。 尝试： 1234 5678文字1111

你会看到＆＃34; 1234＆＃34;在末尾。我不明白为什么数字会被区别对待。