Question

我刚开始学习html / css，所以我买了一个模板并安装了wordpress，并计划稍微玩一下。但是，我对这件事情感到困惑，而且我无法解决这个问题。在我的页面上有主滑块和它下面的事件滑块。我想把文字和＃34; NE事件集中在一起＃34;和＆＃34;查看所有活动＆＃34;垂直和水平都有滑块。

我试图通过各种方法集中，但我失败了。唯一可行的是建立一个保证金顶部，但它没有响应。此外，我可以将所有内容放在div中并对齐它，因为它会搞砸我的滑块的元素对齐。

<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

你想要他们在现在的同一个地方吗？当你说用滑块将它们垂直和水平居中时，我想我有点困惑。

添加以下css将使它们垂直居中，其间有一个手风琴滑块。

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

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

Answer 2

嗯，您可以为1/12列设置高度或添加另一个类，以便不会影响其他列。在你的情况下，我认为它高约80px。然后设置一个等于列高的行高。此方法仅适用于单行文本。

.addtnl-class {
    height: 80px;
    line-height: 80px;
}

有很多方法可以自动垂直居中对齐div中的文字。只需搜索谷歌，你就可以找到它们。：）

滑块附近的垂直中心文本

2 个答案: