【css】多行文本省略号表示css

背景

• 遇到个css问题，多行文本下需要出现省略号，总结下。

css

• 本来准备通过line-clamp，后发现不管用。
• 于是使用line-height+固定div宽高方式实现，发现只能在white-space:no-wrap时实现。
• 但是nowrap就不换行了，需要多行文本溢出有省略号。
• 搜索后发现overflow-wrap:break-word能获得该效果。