有时我们会碰到这种情况，一个要根据内容显示一行还是两行，一行时还要靠着顶部再居中，比如下面 最左边的名称，要求是靠上的，如果按照正常的方式写的话，可能一行的话就会出现居中显示了，不会顶着头部显示。 我的解决办法是：一行的时候加一个换行符来解决，这样不就都一样，都是两行了吗？代码 ...

实现效果 其实也不限于在react中用,这是CSS样式,能用CSS的都能实现 我这里是在react的ant table中使用 代码index.less index.tsx ...

...

一、div内显示一行，超出部分用省略号显示 white-space: nowrap; overflow: hidden; text-overflow: ellipsis;二、div内显示两行或三行，超出部分用省略号显示 overflow: hidden ...

一、div内显示一行，超出部分用省略号显示 white-space: nowrap; overflow: hidden; text-overflow: ellipsis;二、div内显示两行或三行，超出部分用省略号显示 overflow: hidden ...

做这个省略的问题，突然发现显示省略号是有中英文区分的 我做两行的时候用的是以下代码，在是中文的情况下是么得问题，到了英文下发现不起作用了 原来是得加上　　word-break: break-all; 　　加上这个的话 在中英文下都可以正常使用 注意：只兼容 Chrome内核 ...

大部分场景都是超过一行就显示... ...

在搭建前台文章列表中，需要实现div内文字显示两行，超出的则省略号显示。 找了很多，都貌似只能一行显示。最后在百度知道找到答案。 答案转自百度知道，题主的自答。 ...