Javascript 文本左对齐,但前缀为。。。如果左边太长

Javascript 文本左对齐,但前缀为。。。如果左边太长,javascript,css,Javascript,Css,我们需要向用户显示一些数据的层次结构。比如说, 建筑物名称/楼层编号/部门名称/房间编号/办公桌 数 层次结构的末尾是最重要的。因此必须显示,但前面的位可以被截断。当数据第一次进入我们显示的区域而没有截断时,一切都很好 但是如果我们需要截断,我们需要截断前面的文本,并应用一个“…”。例如,我们希望看到: “…姓名/房间号/办公桌号” 这在CSS中是可能的吗?目前,我们将尝试查看字符数,但我知道a w和I使用不同的宽度,并且假设字符数>x根本不是一个好主意 这在CSS或javascript中可能吗

我们需要向用户显示一些数据的层次结构。比如说,

建筑物名称/楼层编号/部门名称/房间编号/办公桌 数

层次结构的末尾是最重要的。因此必须显示,但前面的位可以被截断。当数据第一次进入我们显示的区域而没有截断时,一切都很好

但是如果我们需要截断,我们需要截断前面的文本,并应用一个“…”。例如,我们希望看到:

“…姓名/房间号/办公桌号”

这在CSS中是可能的吗?目前,我们将尝试查看字符数,但我知道a w和I使用不同的宽度,并且假设字符数>x根本不是一个好主意

这在CSS或javascript中可能吗?

您可以使用文本溢出和方向属性。 div{ 保证金:1rem; 方向:rtl; 文本对齐:左对齐; 宽度:45vw; 溢出:隐藏; 空白:nowrap; 文本溢出:省略号 } 楼名/楼层号/部门名/房间号/办公桌号你看到这个答案了吗?希望它能帮助你!!!