如果高度太小，垂直居中的元件和开关对齐顶部

Question

我一直试图找到答案，但我发现的只是讨论垂直居中的一个元素。

我要做的是垂直居中div，我知道如何处理css。问题是如果高度太小，它仍会使其居中并切断顶部和底部。

以下是我的意思演示：http://jsfiddle.net/reitermarkus/23B43/
全屏演示：http://fiddle.jshell.net/reitermarkus/23B43/show/light/

如果高度太小，你能告诉我如何将它对齐吗？最好没有JS。

谢谢你，
马库斯

Answer 1

唯一可以确定高度是否低于所需最低要求的方法是通过JS：

    var el = document.getElementById('id');   
    var el_height = el.offsetHeight;

    if(el_height < min_height){
    //apply class or inline style
    el.className = 'align_top';
    }

显然你需要定义min_height var。此外，对于DOM操作，最好使用jQuery。将元素与文档顶部对齐只是去除负边距并将'top'定义为0;