使用.css Jquery进行简单的数学运算

我对jQuery和JS的世界非常陌生，请原谅我的无知。 我正在尝试获取.sarah网格的宽度，以便将内容集中在其中。除了heightFix-30之外，所有的东西都正常工作，难道它不知道它在做-30px而不是-30吗？当我将var textdindent除以4时，它也不起作用。我不认为显示我的CSS和HTML是必要的，否则请告诉我

剧本

 function squares(){
  var heightFix = $('.grid-sarah').css('width');
  var heightFixer = (heightFix-30);
  var textIndent = (heightFix/4); 
    $('figure.effect-sarah').height(heightFixer); //-30px off
    $('figure.effect-sarah h2').css('line-height', heightFix);
    $('figure.effect-sarah h2').css('text-indent', textIndent);
    // $('figure.effect-sarah h2').css('margin-left', '25%');
};

  squares();

$( window ).resize(function() {
  squares();
  return false;
});

$'.grid.sarah'.css'width'在末尾添加一个px

改用$'.grid.width

$'.grid sarah'.width将返回以int像素为单位的宽度，而不在末尾添加px

所以你的函数平方变成：

function squares(){
  var heightFix = $('.grid-sarah').width();
  var heightFixer = (heightFix-30);
  var textIndent = (heightFix/4); 
    $('figure.effect-sarah').height(heightFixer); //-30px off
    $('figure.effect-sarah h2').css('line-height', heightFix+"px");
    $('figure.effect-sarah h2').css('text-indent', textIndent+"px");
    // $('figure.effect-sarah h2').css('margin-left', '25%');
}

---

使用console.logmyVar调试代码在实现此功能后，如何将px添加到末尾？对于行高css命令，它没有添加像素。我刚才提到了你的编辑功能，请查看更新的答案。我无法向上投票，但我确实将其标记为正确。此外，我还尝试动态计算每个h2的宽度，然后从容器的宽度中减去它，然后/2，并将其设置为文本缩进，以便所有文本都居中，而不使用文本对齐中心。你能帮我吗？如果你有新问题，问一个新问题。但是为什么不使用文本对齐：居中？