首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在标题标题中从左而非右截断文本?

问如何在标题标题中从左而非右截断文本?
EN

Stack Overflow用户
提问于 2015-08-12 07:06:46
回答 2查看 931关注 0票数 2

当标题文本比jquery更长时-移动截断3点文本(.)在结尾(右边),但我想在左边也一样。我的目的是显示右边的文字。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-08-12 08:06:52

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

您可以通过告诉您的文本是从右到左编写的(on火狐)来解决您的需要,并在CSS中添加direction: rtl。

下面是一个例子:http://jsfiddle.net/2evzvf45/1/

​

代码语言:javascript
复制
.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;
}
代码语言:javascript
复制
<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>

​

票数 2
EN

Stack Overflow用户

发布于 2017-05-18 14:05:32

上一个例子工作得很好,只是你有一个数字+文本的文本。然后,号码将被切换到最后。尝试:12345678文本1111

最后你会看到"1234“。我不明白为什么这些数字被区别对待。

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31958234

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档