html - slider 中的垂直居中文本

Question

我刚开始学习 html/css，所以我买了一个模板并安装了 wordpress，并打算稍微玩一下。但是，我被困在这件事上，我无法弄清楚这很烦人。在我的页面上有主 slider 和它下面的事件 slider 。我想将文本“NE 事件”和“查看所有事件”与 slider 垂直和水平居中。

我尝试过各种方法居中，但都失败了。唯一可行的方法是设置边距顶部，但它不会响应。此外，我可以将所有内容放在一个 div 中并对齐它，因为它会弄乱我的 slider 的元素对齐方式。

<div class="wpb_wrapper">
<p style="text-align: center; vertical-align: middle;">NE Events</p>
</div>

<div class="wpb_wrapper">
<---slider shortcode--->
</div>

<div class="wpb_wrapper">
<a href="#">View All</a>
</div>

第一个元素是网站的 1/12 列第二个元素是 10/12 列三分之二是 1/12

Answer 1

您想让它们保持在现在的位置吗？我想当你说用 slider 将它们垂直和水平居中时我有点困惑。

添加以下 css 将使它们垂直居中， Accordion slider 位于其间。

.vc_col-sm-1 {
    padding-top: 27px;
}

这只是添加了一点填充以将文本向下推一点，因此如果 slider 图像变大，您还必须增加此填充。如果您想删除移动版本上的填充，您可以放置​​相同的代码，但 0px 而不是 27，但它需要放置在 CSS 中的屏幕尺寸媒体查询中，因此它只会在屏幕较小时启动。 .. 就像电话一样。