Css 溢出：隐藏在填充后面

是否可以根据填充定义溢出：隐藏从何处开始

例如，我当前有一个表，其中有一个长字符串。左侧有填充，但字符串的长度超过了td，因此会触发Overflow hidden。我希望溢出：隐藏在填充的开始而不是td的结尾触发

基本上，我希望溢出：隐藏从最右侧红线的开始处开始

.order-table td {
  padding: 1em 3px;
  border-left: #ddd 1px solid;
  font-size: 0.9em;
  overflow: hidden;
}

---

添加

文本溢出：省略号

在末尾添加椭圆。希望这是你的问题

/***无用的样式***/
html，
身体{
背景：#FFF；
保证金：0；
填充：0；
字体系列：无衬线；
字体大小：14px；
线高：1.4em；
}
.要素：之前{
内容：“>”；
}
/***.无用的样式***/
.元素{
背景#f1f1；
颜色：#555；
填充：10px 15px；
溢出：隐藏；
边框：1px实心#ccc；
利润率：10px；
文本溢出：省略号；
空白：nowrap；
宽度：50%；
}

---

将鼠标悬停在我身上。这是一些需要剪切的文本，因为用户很难看到它，但用户应该知道它的含义，如果您的站点支持此功能，他们甚至可以单击以了解更多信息。

类似以下示例的解决方案应该可以工作：

div{
边框：1px实心#000；
填充：20px；
宽度：50px；
文本溢出：省略号；
空白：nowrap；
溢出：隐藏；
}

---

testtest

只需将您的内容包装到另一个元素中，然后将

溢出：隐藏的
应用到该元素：


表格{
宽度：100px；
表布局：固定；
}
运输署{
边框：1px纯红；
填充：10px；
}
.内部{
边框：1px纯蓝色；
溢出：隐藏；
文本溢出：省略号；
}

123456789012345678901234567890

表格{
宽度：300px；
表布局：固定；
}
运输署{
边框：1px纯红；
填充：10px；
溢出：隐藏；
}
td跨度{
浮动：对；
}
.内部{
边框：1px纯蓝色；
溢出：隐藏；
}

某物
1234567890ABCDEFG
某物
也许这会对您有所帮助