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

Question

当标题文本的长度超过 jquery-mobile 截断文本时，末尾(右侧)有 3 个点 (...)，但我想在左侧使用相同的文本。我的目的是从右侧显示文本。

Answer 1

这是 CSS 工作(文本溢出:省略号)。

您可以解决(在 Firefox 上)您的需要，方法是告知您的文本是从右到左书写的，在 CSS 中添加 direction: rtl。

这是一个例子: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>