如何使文本在HTML页面中垂直和水平居中
我有Java，C，数据库，网络等方面的经验。但是与Html相关的任何事情我都是初学者。我要寻找的唯一内容是在页面中间居中两个单词（该页面仅包含这两个词）。
WORD1
WORDWORDWORDWORD2
我曾经尝试过像KompoZer这样的WYSIWYG软件，但是当我查看源代码时，它生成了一个可怕的静态代码，其中很多东西都<br>可以实现页面的垂直居中位置，任何人都可以帮助我找到一个解决此问题的好方法
问题答案：
水平居中很容易-垂直居中在CSS中有点棘手，因为它并没有真正得到支持（除了表格单元格之外<td>，这是布局的不良样式，除非确实需要一个表格-否则-
一个表格）。但是您可以使用语义正确的html标记并将表显示属性应用于它。
在您的情况下，这样就足够了：
<!DOCTYPE html>
<html lang="de">
<head>
<title>Hello World</title>
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
width: 100%;
}
body {
display: table;
}
.my-block {
text-align: center;
display: table-cell;
vertical-align: middle;
}
</style>
</head>
<body>
<div class="my-block">
WORD1<br />
WORDWORDWORDWORD2
</div>
</body>
</html>
-
我想知道如何在flatter中垂直和水平地将文本小部件的内容居中。我只知道如何使用将小部件本身居中，而不知道内容本身。默认情况下，它与左侧对齐。在Android中，我相信实现这一点的TextView的属性称为。 我想要的示例：
-
问题内容： 在页面上垂直和水平居中放置元素的最佳方法？ 我知道这将以水平为中心，但是垂直进行的最佳方法是什么？ 问题答案： 该演示的主要技巧是元素的正常流动是从上到下，因此将其设置为零。然而，绝对定位的元件作用为自由空间分布是相同的，并且类似地可以垂直在指定为中心并且（不IE7工作）。 此技巧适用于的任何大小div。
-
问题内容： 如何使用flexbox在容器内水平和垂直居中div。在下面的示例中，我希望每个数字都彼此相邻（按行），并水平居中。 问题答案： 我认为您想要以下内容。 你的元素应该是块级（而非）如果你想要的高度和顶部/底部填充，以正常工作。 另外，在上，将宽度设置为而不是。 您的属性很好。 如果您希望垂直居中于视口中，请为和分配100％的高度，然后将页边距清零。 请注意，需要一个高度才能看到垂直对齐效
-
如何使用FlexBox在容器内水平和垂直地居中div。在下面的例子中，我希望每一个数字在彼此下面（在行中），水平居中。 null null http://codepen.io/anon/pen/zlxbo
-
我使用引导破折号布局为我的Web应用程序布局。但是我希望文本将在红色区域，而不是在页面顶部。我该如何实现呢？ 我已经尝试使用，但没有帮助 了解使用flask bootstrap有一些解决方法，但如何使用dash plotly booststrap进行同样的操作？
-
问题内容： 我弹出一个包含ASP.NET表单的弹出窗口，单击链接“请求信息”，然后出现该表单。 但是，具有链接“请求信息”以触发弹出窗口的页面包含很多内容，因此需要滚动才能看到该链接。 如果用户滚动阅读内容，则需要始终居中，否则，如果他们不滚动，弹出窗口仍将居中显示在屏幕上。 在绝对定位，整个页面宽度与边距设置为。 问题答案： 如果div具有固定的宽度和高度，请使用：（如果width = 120p