Syntax: Variable für CSS-Wert verwenden

Der Versuch, ein Kästchen vertikal in einem anderen Kästchen zentriert zu halten. Ich weiß, dass es CSS gibt, das das kann, aber ich würde lieber jquery verwenden, zuverlässiger (?).

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

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

Ich bin mir nicht sicher, welches Detail mir fehlt. Die Ausgabe sollte die Hälfte des verfügbaren vertikalen Platzes in Pixeln sein.

BEARBEITEN

Ursprünglich war der Textblock eine Spanne, die in einem div enthalten war. Das div hatte eine festgelegte Höhe (in diesem Fall 140 Pixel), und der Textblock, die Spanne, hätte eine variable Höhe, je nachdem, wie viel Text darin enthalten war. Ich brauche diesen Textblock jedoch, um bearbeitet werden zu können. Also habe ich es in einen Textbereich geändert. Das Verhalten für die Abmessungen des Textbereichs ist jedoch umständlich, und ich musste eine statische Höhe und Breite festlegen. Jetzt ist die Höhe dieses Textblocks nicht variabel, daher gibt es keinen Unterschied in der Höhe zwischen ihm und seinem übergeordneten Element, von dem der Rand-Oberseiten-Abstand abgeleitet werden kann. Was soll ich machen?

Entfernen Sie die umgebenden Anführungszeichen vertAlign

$(".Text").css('margin-top', vertAlign);

Versuchen Sie den obigen Code. Es muss dir helfen.

optional, wenn Sie mehr als einen Stil machen möchten:

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

var textH = $(".Text").height();
var vertAlign = ((140 - textH)/2);
$(".Text").css({
        margin-top: vertAlign + 'px'
    });

Sie müssen die Einheit angeben, sonst kann Ihr Browser nicht erkennen, ob Sie Pixel oder Em oder Äpfel wünschen. Außerdem möchten Sie möglicherweise eine Bereichsprüfung durchführen, die Sie nicht möchten vertAlign negativ sein.