html – CSS样式显示单个文本字符串的结尾

发布时间：2020-12-14 23:19:51 所属栏目：资源来源：网络整理

导读：参见英文答案 How can I align text to the right in a div so its beginning is cut down with overflow:hidden?????????????????????????????????????2个我只是在学习CSS：这看起来像一个简单的任务,但我花了一段时间研究,无法让它工作：假设我有一个很

参见英文答案 > How can I align text to the right in a div so its beginning is cut down with overflow:hidden?????????????????????????????????????2个
我只是在学习CSS：这看起来像一个简单的任务,但我花了一段时间研究,无法让它工作：

假设我有一个很长的文本字符串 – 如何让所有文本显示在一行并具有一定宽度,但是限制显示在字符串末尾的内容？

.demo {
    border: 1px solid red;
    white-space: nowrap;
    max-width: 100px;
    overflow: hidden;
}


例如,这里显示字符串的开头(并截断结束),但我需要它来显示结束(并切断开头).
任何帮助都会得到真正的赞赏;我可能只是错过了一行.非常感谢！


最佳答案

.demo {
    border: 1px solid red;
    white-space: nowrap;
    max-width: 100px;
    overflow: hidden;
    direction: rtl;
}


                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!