如何在html中垂直对齐文本？

Question

这就是我现在所做的

#include <algorithm>
#include <iostream>
#include <random>
#include <set>
#include <vector>

int main() {
    std::set<int> in{1, 2, 3, 5, 7};
    std::vector<int> out;
    std::sample(in.begin(), in.end(), std::back_inserter(out),
                3, std::mt19937{std::random_device{}()});
    for (auto i : out)
        std::cout << i << std::endl;
}

你可以在这里看到结果

http://romancepriorities.com/test/

文字在最前面。我希望文本位于屏幕的中心。那我做错了什么？

因此，整个页面是一个大文件，背景很大，我想在中心有一个大文本。

它不起作用。单击此处获取游戏仍然位于顶部。它是水平对齐的，但它仍然位于顶部。

Answer 1

1）高度“line-height：150px;”你的div高度必须与你想要居中的地方相同。

2）“行高：100vh;”将使文本位于页面的中心。

h1{
  text-align: center;
  line-height: 150px;       /* 1) The height same as your div height where you want to centre it. 2) line-height: 100vh will make it to centre of the page. */
}

<table cellspacing="1" style="width: 100%; height: 100%">
    <tr>
        <td valign="middle" align="center">
        <h1>Click here to Get Game and See Yourself</h1>
        </td>
    </tr>
</table>

Answer 2

你可以使用position：absolute;最高：50％;没有身高：100％

<table cellspacing="1" style="position: absolute; top: 50%; width: 100%;">
    <tr>
        <td valign="middle" align="center">
        <h1>Click here to Get Game and See Yourself</h1>
        </td>
    </tr>
</table>