滑块革命 - 文本元素重叠

slider revolution - text elements overlapping

最近一直在为一个新客户使用 WordPress 上的 Slider Revolution,但遇到了一个我找不到答案的大问题。

情况 - 我有 2 个文本元素,一个标题文本元素和一个描述文本元素(一个在另一个之上 - 垂直堆叠) - 它们已被手动放置在滑块区域内 aligned-left。 - 我有固定宽度的它们,所以它们只覆盖滑块面板的左侧 - 我将它们设置为 auto-wrap,这样单词就不会被截断,如果需要,测试将转到另一行。

问题 使用此配置,如果标题文本元素太长(太多单词),它将动态垂直扩展(下拉行)并覆盖或覆盖其下方的描述文本元素框。

解决方案 我想找到一种方法将 "link" 或 "hook" 这两个元素放在一起(一个堆叠在另一个上面,很少有 space),这样它们就不会重叠并且顶部元素会自动按下第二个文本元素框。是 html 问题吗? z-index 问题?安置过程问题?

在我提供的图片中,您可以看到第 1、2 和 3 行 TITLE 之间的区别,以及它们之间的 space 是如何固定的。 如何让它成为动态的? 如果之前有人回答过这个问题,我深表歉意,但我已经搜索了几个小时但找不到答案。可能我搜索的关键词不对。

slider-revolution-examples

当我们使用不同的文本元素时,这是 Revolution Slider 的常见情况,因为它们将是不同的层并与 position:absolute 一起使用。

最好的解决方案是使用基本 HTML 将所有文本元素合并到一个元素中,并根据需要在该元素中设置样式。像这样,我们只有一个元素与 position:absolute 一起使用,并且在其中我们有格式良好的 HTML.