无法使用var:JavaScript、CSS和jQuery设置边距

我不太擅长编程移动网络布局等等

我写了这样一篇文章：

HTML:

Chrome在左侧和右侧显示div边距，但不显示顶部和底部边距…

所有边距属性都不应该用下划线分隔，而是用-破折号分隔，如下所示：

$("#title").css("margin-left", "7%");
$("#title").css("margin-right", "7%");

var i = screen.width * 0.018 + "px";
$("#title").css("margin-top", i);
$("#title").css("margin-bottom", i);

jQuery的.css方法在该表单中使用时，将css属性名称作为第一个参数，将要设置的值作为第二个参数

另一种更好的方法是将对象传递给.css：

请注意，这里您需要使用属性的驼峰大小写版本

---

另外，为什么不使用百分比来表示上下页边距，而不是在JavaScript中计算它们呢？

不需要任何下划线或破折号，您需要使用大写字母，如：

$("#title").css("marginLeft", "7%");

这可能更简单

第2行和第3行解决了这个问题，其余的允许它在需要时重新运行窗口调整功能

---

摆弄：Chrome在左侧和右侧显示div边距，但不渲染顶部和底部。即使是左边距和右边距也是不可能的。我要编辑，做你们刚才做的事情。。。我希望我能两次投票给你，让你通过一个对象，而不是使用一个无限的css链。在说了“我要去”之后，我重新考虑了一下，并留下了一条建议你可以这样做的评论，这感觉有点像是别人的“编辑”。是的，对不起，我写这篇文章就像你的示例一样，用margin top而不是margin\u top。我发布的代码不是原创的。我想我应该在写垃圾之前动动脑筋：…@FiLeVeR10。jQuery为您规范了这一点，这是什么意思？在OP中，左右边距的固定值为7%，那么为什么要使用i呢？是的，哈！当然，这是一个JS对象。我真不敢相信我错过了这些

$("#title").css("margin-left", "7%");
$("#title").css("margin-right", "7%");

var i = screen.width * 0.018 + "px";
$("#title").css("margin-top", i);
$("#title").css("margin-bottom", i);

var margin = screen.width * 0.018 + "px";

$('#title').css({
    marginLeft:   "7%",
    marginRight:  "7%",
    marginTop:    margin,
    marginBottom: margin
});

$("#title").css("marginLeft", "7%");

function marge() {
    var sw = $(window).width() * 0.018 + "px";//get margin
    $("#title").css({margin: sw+' 7%'});//set margin tb lr
}
marge();//run initially
$(window).resize(function() { marge(); });//to adjust on resize of the window