时间戳

首页 > 解决方案 > 如何使省略号出现在文本中

html - 如何使省略号出现在文本中

问题描述

详情请参考小提琴。底线是风格

.cutty {
  display: flex;
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

单击按钮时似乎不会强制使用点。尽管封闭的父级具有样式

.left {
  display: flex;
  flex: 1;
  overflow: hidden;
}

目的是确保粉色卡蒂获得紫色左侧的大部分宽度，而棕色固定保持相同的宽度。当然，我想消除空白处的包裹并切断溢出的部分。

我的谷歌搜索建议的方式是确保封装父级也设置为隐藏溢出。但是，正如小提琴中所示，这不会发生。也有人提到最小宽度设置为零。但是，尝试没有任何效果。

我想念什么？

标签： htmlcssflexbox

解决方案

如果您display: flex;从中删除，.cutty那是您希望实现的目标吗？

推荐阅读