【问题标题】:Vertially aligning a DIV on the entire page在整个页面上垂直对齐 DIV
【发布时间】:2011-01-02 16:32:16
【问题描述】:

我发现了一些用于在页面上垂直对齐 DIV 的技术,其中大部分都在此处列出:

http://blog.themeforest.net/tutorials/vertical-centering-with-css/

但是,我现在正在处理的项目在页面垂直中心对齐的 DIV 上大量使用 Javascript。有谁知道一种方法(最好不是基于 Javascript),即使它的高度通过 Javascript 发生变化,也可以保持 DIV 在屏幕中心垂直对齐?

如果可能的话,还可以使用height: auto 属性,所以它会随着我的内容而变化。

谢谢。

【问题讨论】:

  • 你想要严格的 CSS 吗?如果您愿意打破不用于布局的表格规则,那么使用表格很容易做到这一点。
  • 我猜表格是一种选择,而且可能是最好的一种。无论如何,我对使用表格进行布局并不是很感兴趣,我想我会和他们一起去的。谢谢。
  • giveupandusetables.com我通常比这更有耐心,但在某些时候你会放弃:)

标签: javascript css html vertical-alignment


【解决方案1】:

【讨论】:

    【解决方案2】:

    这是未经测试的,但请尝试:

    margin-top: auto;
    margin-bottom: auto;
    

    【讨论】:

    • 相当于margin-top: 0; margin-bottom: 0;
    猜你喜欢
    • 2019-07-15
    • 1970-01-01
    • 2013-09-27
    • 2014-09-26
    • 2020-10-11
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多