样式组件中的文本重叠

Question

这是我的CSS

const MessageText = styled(TextWithPaddingLeft)`
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  font-weight: 400;
  line-height: 22px;
  padding-right: 39px;
  text-overflow: ellipsis;
  overflow-y: auto;

在我的 EditMessageModal 组件中 MessageText 当前的 CSS 样式中，似乎存在一个问题：当文本量较大时，文本与其他内容重叠。这种重叠会导致可读性和视觉问题。

我该如何解决这个问题？

Answer 1

尝试设置预定义的最小宽度和最小高度。我遇到了类似的问题并通过这样做解决了它。