0

私はこれに対する答えを見つけようとしていますが、私が見つけたのは、要素を垂直方向に中央揃えすることだけです。

私がやろうとしているのは、div を垂直方向に中央揃えにすることです。これは、css で行う方法を知っています。問題は、高さが小さすぎる場合でも中央に配置され、上下が切り取られることです。

これが私が意味することのデモです: http://jsfiddle.net/reitermarkus/23B43/
フルスクリーンデモ: http://fiddle.jshell.net/reitermarkus/23B43/show/light/

高さが小さすぎる場合、上に揃える方法を教えてください。できればJSなし。

ありがとう、
マーカス

4

1 に答える 1

0

高さが必要な最小値を下回っているかどうかを判断できる唯一の方法は、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 変数を定義する必要があります。さらに、DOM 操作には jQuery を使用する方がよいでしょう。要素をドキュメントの上部に揃えるのは、負のマージンを削除して 'top' を 0 に定義するだけです。

于 2012-04-21T13:59:48.187 に答える