Question

如this fiddle所示，第一个单元格没有空间并被切断。但是，我在那里没有省略号。

当我搜索该问题时，我the suggestion可能想将 overflow：hidden 添加到父组件。所以我做了。对于每个组件。要使用任何东西。

div.data-row {
  display: flex;
  width: 100%;
  overflow: hidden;
}

div.data-row-cell {
  display: flex;
  overflow: hidden;
}

div.data-row-caption {
  text-align: left;
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

我想念什么？！

Answer 1

通过在https://my.endpoint.ip/authentication.k8s.io/v1/tokenreviews: x509: certificate signed by unknown authority子元素内添加一个附加元素并在 that 元素上设置省略号样式，我能够使省略号起作用。

flex

div.data-row-caption {
  text-align: left;
  flex: 1;
  overflow: hidden;
}

div.data-row-caption>span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

无法使点显示在嵌套的flex控件中

1 个答案: