我通常在使用Elementor Loop Items模版制作产品列表时,会使用CSS代码来控制一下摘要的行数,这样内容看起来比较整齐。

如果你直接选择的摘要元素,是可以控制文本单词数量。

image 28 - 如何通过CSS控制文本的行数? - NUTSWP
image 29 - 如何通过CSS控制文本的行数? - NUTSWP

但是如果你使用的摘要内容是一个自定义字段,通过文本元素去获取和展示,将没有长度选项去控制,这是我会通过下面的CSS代码来实现。

image 30 - 如何通过CSS控制文本的行数? - NUTSWP

在这个文本元素的Advanced标签卡下面的自定义css中输入下代码:

如何通过CSS控制文本的行数?

保存之后你可以看到列表文字本高度为2行,超出之后显示省略号。