为什么在 WordPress 中使用自定义 CSS 时会出现错误？

Question

我正在尝试从主题中的 WordPress 元素中获取更多字符。目前线夹限制为 4 个。我希望它是 6 个或没有。

当我将以下内容放入 WordPress 主题的自定义附加 css 部分时，“line-clamp”呈红色：

.elementor-132 .elementor-element.elementor-element-5aa83db4 .elementor-widget-container
{
-webkit-line-clamp: none;
}

当然，如果我在 chrome 上检查元素，我的编辑会起作用，但不会将这些行添加到主题的 css 中。关于如何使这项工作有任何想法吗？

Answer 1

根据您在问题中所写和提供的信息，我不得不说，记住

-webkit-line-clamp

只能与

display: -webkit-box;

和

-webkit-box-orient: vertical;

一起使用。如果没有这些，

line-clamp

属性将无法正常工作。所以，在我看来，通过更新你的CSS，你的问题就会得到解决：

.elementor-132 .elementor-element.elementor-element-5aa83db4 .elementor-widget-container {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6; /* Change this to 6 or none as per your needs */
    overflow: hidden;
}

如果不起作用，请提供更多信息。然后，我将能够帮助您并更新您的答案。