Question

所以我希望能够将所有内容集中在特定的div中。有问题的div有一个高度：100vh;属性使其适合查看器窗口的高度..您可以在http://digitalsix.hostzi.com/

查看它

我正在考虑的是能够随时处理内容，包括窗口调整大小时（我知道一旦它变得太小，就不会有太多可以做的事了。一个例子是什么我正在寻找的是http://www.pixelbeach.co.uk/

我似乎无法找到办法。如果有人能提供帮助那就太棒了。

标记：

＆＃13;

$topicIdArray = [];
$foundAttachId = [];

foreach ($arrayToSearch as $value) {
    if (array_key_exists('topic_id', $value) {
        if (!in_array($value['topic_id'], $topicIdArray)) {
            if (array_key_exists('attach_id', $value) {
                $foundAttachId[] = $value['attach_id'];
                $topicIdArray[] = $value['topic_id'];
            }
        }
    }
}

print_r($foundAttachId);

＆＃13;

#screenfiller{
    height: 100vh;
    background-image: url(topbar_1.jpg);
    background-position: center;
}

＆＃13;

Answer 1

您可以将内容包装在容器div中，然后执行：

.container{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
}

或者：

#screenfiller{
  ...
  display:table;
  width:100%;
}

.container{
  display:table-cell;
  vertical-align:middle;
}

要考虑标题，请将#screenfiller身高属性更改为height: calc(100vh - 340px);，其中340px是标题的高度。

窗口高度变量div内的垂直居中文本

1 个答案: