Question

我已经阅读了有关文本溢出的相关问题的所有答案：省略号，无论我如何应用什么被认为是必要的属性，我都无法在没有从li标签中删除它的情况下使用它，但是它需要在li标签内。任何帮助，将不胜感激！

我已经尝试在显示的每个元素中放置必要的属性，white-space：nowrap和overflow：hidden有效的唯一地方是当它们被放置在这里显示的位置时，但文本溢出：省略号没有影响。我也尝试过使用display：block的li元素，但无济于事。

＆＃13;

MIPSConversion myObj;
myObj.readInTheFile();

＆＃13;

li {
  margin-top: 19px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
img {
  display: inline-block;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  box-shadow: 0px 1px 5px black;
}
.b {
  display: inline-block;
  vertical-align: super;
}
.b p {
  margin: 5px 5px 5px 15px;
}
.top-text {
  font-size: 16px;
  color: #65aef8;
}
.bottom-text {
  font-size: 16px;
  color: #fff;
}

＆＃13;

Answer 1

将类'b'上的CSS更改为元素'p'并将其更改为文本溢出省略号：

.b p {
  margin: 5px 5px 5px 15px;
  width: 195px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

文本溢出：省略号不起作用

1 个答案: