语法:使用变量作为css值

Question

试图将盒子垂直居中放在另一个盒子中.我知道有css可以做到这一点,但我宁愿使用jquery,更可靠(？).

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

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

不确定我缺少什么细节.输出应为可用垂直空间的一半(以像素为单位).

编辑

最初,文本块是div包含的跨度.div具有设定的高度(在这种情况下为140 px),文本块(span)将根据文本的大小而变化.但是,我需要此文本块可编辑.所以我将其改为文本区域.但是,文本区域的尺寸行为很笨拙,我必须为它设置静态高度和宽度.现在这个文本块的高度不是可变的,因此它与它的父级之间的高度没有差别,可以从中获取边距顶部间距.我该怎么办？

Answer 1

删除周围的引号 vertAlign

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

试试上面的代码.它必须帮助你.

Answer 2

如果您想要多个样式,可以选择:

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