Question

我有一个总是

的滑块

.main-slider { position: relative; z-index: 10; height: calc(100vh - 165px); margin: 0 0 60px 0; }

.main-slider .item { height: calc(100vh - 165px); width: 100%; background-position: top; background-repeat: no-repeat; background-size: cover !important}

我正在尝试设置一个简单的设置语义div来保持按钮并显示垂直对齐中间。

<div class="something-semantic">
   <div class="something-else-semantic">
   Unknown stuff to be centered.
   </div>
</div>

.something-semantic {
  display: table;
  width: 100%;
}
.something-else-semantic {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

我只是在文本居中，但不是垂直对齐中心。

有什么建议吗？

如果您更喜欢使用开发人员工具，可以在http://9-web-studio.myshopify.com/找到该网站，并使用密码'alan'查看该商店。

任何和所有帮助将不胜感激。

Answer 1

是的，这将有效，问题是第一个div缺少100％的高度

将显示：如果容器设置为vh而不是像素或百分比，则表工作

1 个答案: