jquery - 语法 : Use variable for css value

Question

试图使一个框在另一个框内垂直居中。我知道有 css 可以做到这一点，但我宁愿使用 jquery，更可靠(？)。

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

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

不确定我遗漏了什么细节。输出应该是可用垂直空间的一半，以像素为单位。

编辑

最初，文本 block 是一个包含在 div 中的跨度。 div 有一个设置的高度(在本例中为 140 像素)，文本 block (跨度)的高度会根据其中的文本量而变化。但是，我需要这个文本 block 是可编辑的。所以我把它改成了文本区域。但是，文本区域的尺寸行为很尴尬，我不得不为其设置静态高度和宽度。现在这个文本 block 的高度不是可变的，所以它和它的父级之间的高度没有差异，从中导出边距顶部间距。我该怎么办？

Answer 1

删除 vertAlign

周围的引号

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

试试上面的代码。它一定能帮到你。