CSS垂直和水平对齐（中间和中心）
我正在练习CSS，却对如何强制将div元素置于页面的中心（vertically和horizontally）感到困惑（这意味着跨浏览器兼容性的一种或多种方式）？
最好的祝福！
问题答案：
有很多方法：
- 使用固定尺寸使元素的水平和垂直居中对齐
CSS
<div style="width:200px;height:100px;position:absolute;left:50%;top:50%;
margin-left:-100px;margin-top:-50px;">
<!–content–>
</div>
2。水平和垂直居中一行文本
CSS
<div style="width:400px;height:200px;text-align:center;line-height:200px;">
<!–content–>
</div>
3。没有特定度量的元素的水平和垂直居中对齐
CSS
<div style="display:table;height:300px;text-align:center;">
<div style="display:table-cell;vertical-align:middle;">
<!–content–>
</div>
</div>
-
问题内容： 我有一个页面，其中仅存在表单，并且我希望将表单放置在屏幕的中央。 该对齐表格水平，但我无法弄清楚如何垂直对齐。我已经尝试使用和，但是它不起作用。 我想念什么？ 问题答案： 更新2019 - Bootstrap 4.3.1 有 没有必要 进行 额外的CSS 。Bootstrap中已经包含的内容将起作用。确保表格的容器为 全高 。Bootstrap4现在具有100％高度的类… 垂直中心：
-
问题内容： 嗨，我想放置一个图像，该图像的垂直和水平居中对齐，我的HTML标记是 完成所有这些操作后，我将无法执行操作。请看一下并帮助我。 问题答案： 有几种方法可以使元素水平和垂直居中，这取决于情况和您的喜好。 使用以下标记： 行高 好的快速修复方法，不会使您太费时间，但是如果实际上将文本居中，则可能会出现问题。 显示：表格单元 就像好的旧表一样工作并且高度灵活，但是仅在现代浏览器中受支持。 位
-
水平 & 垂直居中对齐 元素居中对齐 要水平居中对齐一个元素(如 <div>), 可以使用 margin: auto;。 设置到元素的宽度将防止它溢出到容器的边缘。 元素通过指定宽度，并将两边的空外边距平均分配： div 元素是居中的 .center { margin: auto; width: 50%; border: 3px solid green; padding: 10px; } 注意:
-
问题内容： 我弹出一个包含ASP.NET表单的弹出窗口，单击链接“请求信息”，然后出现该表单。 但是，具有链接“请求信息”以触发弹出窗口的页面包含很多内容，因此需要滚动才能看到该链接。 如果用户滚动阅读内容，则需要始终居中，否则，如果他们不滚动，弹出窗口仍将居中显示在屏幕上。 在绝对定位，整个页面宽度与边距设置为。 问题答案： 如果div具有固定的宽度和高度，请使用：（如果width = 120p
-
问题内容： 如何使用flexbox在容器内水平和垂直居中div。在下面的示例中，我希望每个数字都彼此相邻（按行），并水平居中。 问题答案： 我认为您想要以下内容。 你的元素应该是块级（而非）如果你想要的高度和顶部/底部填充，以正常工作。 另外，在上，将宽度设置为而不是。 您的属性很好。 如果您希望垂直居中于视口中，请为和分配100％的高度，然后将页边距清零。 请注意，需要一个高度才能看到垂直对齐效
-
如何使用FlexBox在容器内水平和垂直地居中div。在下面的例子中，我希望每一个数字在彼此下面（在行中），水平居中。 null null http://codepen.io/anon/pen/zlxbo