我在React中有一个表，它在默认的桌面视图中工作得很好;然而，当按比例缩小到电话时，该表显著地溢出了文本。到目前为止，我为解决这个问题所做的所有努力都是更改表的样式组件，例如更改max-width、whiteSpace和overflow属性。这些都没有工作，但是，我正在寻找的人谁可能有任何想法，我可以追求什么来解决这个问题。下面是问题的图片：
6ie5vjzr1#
如果你的表格是简单的（没有排序，分组，搜索等）作为替代解决方案，而不是表格，你可以通过使用div定位的flex来达到相同的显示。在移动的视图中，则u可以使用响应能力
lvmkulzt2#
如果你还想做椭圆，这是解决办法给定表的固定宽度（i.e;宽度100%，表格和表格布局固定）
.text-ellipse{ display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; /* how many lines you wanna restrict */ -webkit-box-orient: vertical; }
2条答案
按热度按时间6ie5vjzr1#
如果你的表格是简单的（没有排序，分组，搜索等）作为替代解决方案，而不是表格，你可以通过使用div定位的flex来达到相同的显示。在移动的视图中，则u可以使用响应能力
lvmkulzt2#
如果你还想做椭圆，这是解决办法
给定表的固定宽度（i.e;宽度100%，表格和表格布局固定）