有没有一种方法可以让ReactJS在进入下一行时隐藏文本？

Question

我正在为小屏幕和大屏幕创建一个Web应用程序。因此，假设我要在一行中显示标题"Stackoverflow helps a lot"。对于大屏幕而言，这不是问题，但是当我将浏览器窗口拖动到较小的位置时，某些文本会跳到下一行。有没有办法避免中断并改为显示“ ...”？

例如，我在智能手机浏览器上得到"Stackoverfloy hel..."吗？

谢谢

Answer 1

将此CSS添加到该元素

{
overflow: hidden;
white-space: nowrap;
}