[jquery] 構文:CSS値に変数を使用する


Answers

必要に応じて複数のスタイルを使用する場合は、

var styles = {'margin-top':vertAlign,'property':100,'property':somevalue}
$(".Text").css(styles);
Question

あるボックスを別のボックスの中に縦に中央に収めようとしています。 私はこれを行うことができるCSSがあることを知っているが、私はむしろjquery、より信頼性の高い(?)を使用したいと思います。

var textH = $(".Text").height();
var vertAlign = ((140 - textH)/2);

$(".Text").css({
    marginTop: 'vertAlign'
});

私が行方不明になっていることがわからない。 出力は、使用可能な垂直スペースの半分(ピクセル単位)である必要があります。

EDIT

もともと、テキストブロックはdivに含まれるスパンでした。 divには設定された高さ(この場合は140ピクセル)があり、テキストブロックのスパンはテキストの量に応じて可変の高さになります。 しかし、私はこのテキストブロックを編集可能にする必要があります。 だから私はそれをテキストエリアに変更しました。 しかし、テキスト領域の大きさの振る舞いは扱いにくいので、静的な高さと幅を設定する必要がありました。 今度はこのテキストブロックの高さは可変ではないので、それとの間に高さの差はありません。 私は何をすべきか?




Links