有時我們會碰到這種情況，一個要根據內容顯示一行還是兩行，一行時還要靠着頂部再居中，比如下面 最左邊的名稱，要求是靠上的，如果按照正常的方式寫的話，可能一行的話就會出現居中顯示了，不會頂着頭部顯示。 我的解決辦法是：一行的時候加一個換行符來解決，這樣不就都一樣，都是兩行了嗎？代碼 ...

實現效果 其實也不限於在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內文字顯示兩行，超出的則省略號顯示。 找了很多，都貌似只能一行顯示。最后在百度知道找到答案。 答案轉自百度知道，題主的自答。 ...