Question

目前，当我缩小时，所有内容都会转到左侧或右侧。但我希望将内容保持为this page为中心。 Here is the website我希望在缩小时保持内容居中。

这是body和wrapper CSS：

$ jq -n -c '{"a": [107, 108]} | .a |= implode'
{"a":"kl"}

Answer 1

保持内容中心的最简单方法是设置// This function constructs the object when called with new function Test(prop) { // Some arbitrary property if (typeof prop === "undefined") { prop = null; } this.prop = prop; } // The two functions Test.prototype.foo = function() { return "foo"; } Test.prototype.bar = function() { var foo = this.foo(); console.log(foo); } // Create the object and call foo var test = new Test('p'); test.bar();和特定margin: 0 auto（或width以使其更具动态性）。 max-width导致水平边距同等地填充剩余空间，而垂直边距保持为0。

e.g。如果您的窗口宽度为1280px且#wrapper的宽度为1000px，则margin-left和margin-right将具有140px，这将导致居中的包装

直播示例：http://codepen.io/anon/pen/QydNYo?editors=110

Answer 2

您似乎使用了引导框架。

您是否考虑在col-md-12中添加一个额外的类，最方便的是使用css-selectors或仅使用纯CSS来jQuery？

在你的情况下：

$(".webdesign-holder .col-md-12").css("max-width", value);
$(".webdesign-holder .col-md-12").css("margin", "0 auto");

OR

.webdesign-holder .col-md-12 {max-width:value;margin:0 auto}

缩小时保持包装器保持居中

2 个答案: