CSS垂直居中
我怎么能垂直居中<div>内的<div>？
到目前为止，我的代码：
<div style="height:322px;overflow:auto;">
<div style="border: Solid 1px #999999;padding:5px;">
</div>
</div>
我已经尝试过“ top：50％”；和“ vertical-align：middle”；没有成功
编辑：
好的，所以已经讨论了很多。我也许已经开始了另一场小型的火焰战争。但是为了论证，那我该如何用一个表呢？到目前为止，我已经将CSS用于其他所有内容，所以这并不是说我没有尝试采用“良好做法”。
编辑： 内部div没有固定的高度
问题答案：
简而言之，您已被塞满。我最近问了一个问题，您可以在不使用表的情况下进行HTML布局吗？
基本上，CSS狂热者需要抓紧时间并意识到，有些事情如果没有表就无法做（或做得不好）。
这种反餐桌的歇斯底里简直荒唐可笑。
表格单元格可以很好地处理垂直居中，并且可以向后兼容。它们还比浮动，相对/绝对定位或任何其他CSS类型方法更好地处理并排内容。
乔尔创造了（或至少普及了）“不要让建筑宇航员吓到你”一词中的“建筑师宇航员” 。同样，我认为“ CSS宇航员”（或“ CSS太空少年”）一词同样适用。
CSS是一个非常有用的工具，但是它也有一些严重的局限性。我最喜欢的编号列表可能只显示为“ 3”。但不是“ 3）”或“（3）”（至少在CSS3生成的内容之前-
还是CSS2.1？这两种方式均未得到广泛支持）。真是个疏忽。
但更大的是垂直居中和并排布局。对于纯CSS而言，这两个领域仍然是一个巨大的问题。另一位张贴者认为，相对定位加上负边距高度是必经之路。有什么比以下更好的了：
<html>
<head>
<title>Layout</title>
<style type="text/css">
#outer { height: 200px; border: 1px solid black; width: 600px; background-color: #DDD; }
#inner { width: 150px; border: 1px solid red; background: yellow; margin: auto; line-height: 100%; }
</style>
</head>
<body>
<table>
<tr>
<td id="outer">
<div id="inner">Inner</div>
</td>
</tr>
</table>
</body>
</html>
它将随时随地工作。
这是有关CSS垂直居中的文章。为了实现类似的目的，他们使用 三个 具有相对+绝对+相对定位的 嵌套div 来获得垂直居中
。我很抱歉，但是无论谁写这封信-以及任何认为那是个好主意的人-都只是丢掉了情节。
在Tables vs CSS中提出了一个反驳：CSSTrollsbegone。证明确实在布丁里。前20个（Alexa）网站中的绝大多数仍使用表格进行布局。 有充分的理由。
因此，请自己决定：您是否要让您的网站正常工作，并花费更少的时间使它正常工作？还是您想成为CSS宇航员？
-
本文向大家介绍CSS垂直居中的方法?相关面试题，主要包含被问及CSS垂直居中的方法?时的应答技巧和注意事项，需要的朋友参考一下 参考回答： (1)margin:auto法 定位为上下左右为0，margin：0可以实现脱离文档流的居中. (2)margin负值法 补充：其实这里也可以将marin-top和margin-left负值替换成， transform：translateX(-50%)和t
-
问题内容： 我弹出一个包含ASP.NET表单的弹出窗口，单击链接“请求信息”，然后出现该表单。 但是，具有链接“请求信息”以触发弹出窗口的页面包含很多内容，因此需要滚动才能看到该链接。 如果用户滚动阅读内容，则需要始终居中，否则，如果他们不滚动，弹出窗口仍将居中显示在屏幕上。 在绝对定位，整个页面宽度与边距设置为。 问题答案： 如果div具有固定的宽度和高度，请使用：（如果width = 120p
-
问题内容： 我有两个要素并列。元素2小于元素1。两个元素都不具有固定的高度。我需要将元素2垂直居中。如何使用CSS做到这一点？ 编辑： 这是我到目前为止的内容： img1的高度将始终大于img2的高度。我希望img2垂直居中对齐。希望这可以澄清我要完成的工作。 问题答案： 最简单，最干净的方法是使用并垂直对齐。但是，IIRC（自从我开始浏览器兼容性问题以来已经有一段时间了）……也许某些普通版本的I
-
本文向大家介绍如何垂直居中` `？相关面试题，主要包含被问及如何垂直居中` `？时的应答技巧和注意事项，需要的朋友参考一下 使用协助元素（这里是i），作为img的相邻元素，同为inline-block的两元素相邻时增加vertical-align: middle
-
问题内容： 我有一个包含文本的div元素，并且我想将此div的内容垂直居中对齐。 这是我的div样式： 做这个的最好方式是什么？ 问题答案： 您可以尝试以下基本方法： 但是，它仅适用于一行文本，因为我们将行的高度设置为与包含框元素相同的高度。 更通用的方法 这是垂直对齐文本的另一种方法。此解决方案适用于一行和多行文本，但仍需要一个固定高度的容器： CSS只是通过设置的line-height等于其高
-
本文向大家介绍CSS图片响应式 垂直水平居中，包括了CSS图片响应式 垂直水平居中的使用技巧和注意事项，需要的朋友参考一下 我看最近微博流行CSS居中技术，我看了几编资料写的都不多好，于是抽时间把相关资料整合了，具体内容如下。 点击此处下载源码 效果展示： 要求: 1.尽可能兼容更多浏览器，这里兼容到ie7,ie6不支持max-*就不考虑了。 2.浏览器尺寸变化时，图片总是等比例拉伸或缩放。 3.