Html 如何将此响应布局居中?

Html 如何将此响应布局居中?,html,css,Html,Css,我正在为自己开发一个新的公文包网站,使用一个wordpress主题,我已经根据自己的需要进行了修改。可以找到该网站 该网站主要是做我希望它做的事情,但目前主页上的各个帖子都是左对齐的。我希望他们做的是在页面的中心分发自己。不幸的是,我在css方面的知识有限,还没能弄明白这一点 有问题的CSS(我认为): 有人有什么想法吗?我(显然)不是一名web开发人员,因此,如果这听起来很愚蠢,请容忍我。您使用的是Massey jQuery脚本,它可以选择将内容居中,而不是将内容向左对齐。如果您转到站点(),

我正在为自己开发一个新的公文包网站,使用一个wordpress主题,我已经根据自己的需要进行了修改。可以找到该网站

该网站主要是做我希望它做的事情,但目前主页上的各个帖子都是左对齐的。我希望他们做的是在页面的中心分发自己。不幸的是,我在css方面的知识有限,还没能弄明白这一点

有问题的CSS(我认为):


有人有什么想法吗?我(显然)不是一名web开发人员,因此,如果这听起来很愚蠢,请容忍我。

您使用的是Massey jQuery脚本,它可以选择将内容居中,而不是将内容向左对齐。如果您转到站点(),则有一个选项可以使列居中。(不幸的是,我的网站现在已经关闭了,但希望它能很快恢复。)

您确实需要使用该解决方案,因为框被设置为
位置:绝对
,因此尝试覆盖当前样式将是一场噩梦(如果可能的话)

编辑:如果没有那个网站回来,你可以尝试一些实验。查看是否可以在系统中找到此文件:

它包括以下代码:

// masonry code 
$(document).ready(function() {
  $('#post-area').masonry({
    // options
    itemSelector : '.post',
    // options...
  isAnimated: true,
  animationOptions: {
    duration: 400,
    easing: 'linear',
    queue: false
  }

  });
});
尝试将其更改为:

// masonry code 
$(document).ready(function() {
  $('#post-area').masonry({
    // options
    itemSelector : '.post',
    // options...
  isAnimated: true,
  animationOptions: {
    duration: 400,
    easing: 'linear',
    queue: false
  },
  isFitWidth: true

  });
});

我刚刚添加了
isFitWidth:true
,这对我最近将砖石布局居中起到了作用。希望有帮助。(请确保在我添加的那行之前加上逗号。)

谢谢您的快速回复!这个网站对我来说也不好,但希望这足以让我继续下去。我已经用一个你可以尝试的解决方案编辑了我的帖子。最近它对我起了作用。:-)成功!非常感谢你!我到处寻找放置“isFitWidth”的地方,但我在jquery.Mashise.min.js工作:P作为旁注,我还需要在帖子区域添加一些自动边距,以防其他人遇到类似问题。很酷,很高兴这有帮助。:-)
// masonry code 
$(document).ready(function() {
  $('#post-area').masonry({
    // options
    itemSelector : '.post',
    // options...
  isAnimated: true,
  animationOptions: {
    duration: 400,
    easing: 'linear',
    queue: false
  },
  isFitWidth: true

  });
});