Html 类别网页设计问题

Html 类别网页设计问题,html,css,wordpress,Html,Css,Wordpress,我正在使用maximus主题。这是我的网站分类页面。我用一些css tweek更改了布局。我得到了我想要的方式。但第三个后itrem与左侧对齐。然后接下来的两个显示再次正确,第三个显示在右边。我知道这不是正确的方式。。但就目前而言,我想让它像这样工作 我不知道是什么问题 这就是我给出的css .category .span12 .row-fluid:nth-of-type(2), .category .span12 .row-fluid:first-child { width:100%

我正在使用maximus主题。这是我的网站分类页面。我用一些css tweek更改了布局。我得到了我想要的方式。但第三个后itrem与左侧对齐。然后接下来的两个显示再次正确,第三个显示在右边。我知道这不是正确的方式。。但就目前而言,我想让它像这样工作 我不知道是什么问题

这就是我给出的css

.category .span12 .row-fluid:nth-of-type(2),
.category .span12 .row-fluid:first-child {
    width:100% !important;
    float:left;
}

.category .span9 .row-fluid {
    width:47% !important;
    float:left;
    padding-left: 10px;
}

.category .blog-content {
    display:none;
}

请帮助

内容块的高度不同。因为第一个块比第二个块大,所以可以看到页面右侧前面有空间。它将把你的街区放在哪里

你可以用几种方法来解决这个问题

  • 只要给你所有的积木一个标准高度
例如:

.category .span9 .row-fluid {
    float: left;
    min-height: 195px;
    padding-left: 10px;
    width: 45% !important;
}
  • 使用(类似pinterest的)javascript:
  • 用javascript计算项目的高度(每对)。给他们两个最大的方块的高度

希望这能解决您的问题。

内容块的高度不同。因为第一个块比第二个块大,所以可以看到页面右侧前面有空间。它将把你的街区放在哪里

你可以用几种方法来解决这个问题

  • 只要给你所有的积木一个标准高度
例如:

.category .span9 .row-fluid {
    float: left;
    min-height: 195px;
    padding-left: 10px;
    width: 45% !important;
}
  • 使用(类似pinterest的)javascript:
  • 用javascript计算项目的高度(每对)。给他们两个最大的方块的高度

希望这能解决您的问题。

内容块的高度不同。因为第一个块比第二个块大,所以可以看到页面右侧前面有空间。它将把你的街区放在哪里

你可以用几种方法来解决这个问题

  • 只要给你所有的积木一个标准高度
例如:

.category .span9 .row-fluid {
    float: left;
    min-height: 195px;
    padding-left: 10px;
    width: 45% !important;
}
  • 使用(类似pinterest的)javascript:
  • 用javascript计算项目的高度(每对)。给他们两个最大的方块的高度

希望这能解决您的问题。

内容块的高度不同。因为第一个块比第二个块大,所以可以看到页面右侧前面有空间。它将把你的街区放在哪里

你可以用几种方法来解决这个问题

  • 只要给你所有的积木一个标准高度
例如:

.category .span9 .row-fluid {
    float: left;
    min-height: 195px;
    padding-left: 10px;
    width: 45% !important;
}
  • 使用(类似pinterest的)javascript:
  • 用javascript计算项目的高度(每对)。给他们两个最大的方块的高度
希望这能解决您的问题。

有效

.category .span9 .row-fluid {
    float: left;
    min-height: 195px;
    padding-left: 10px;
    width: 45 % !important;
}
它起作用了

.category .span9 .row-fluid {
    float: left;
    min-height: 195px;
    padding-left: 10px;
    width: 45 % !important;
}
它起作用了

.category .span9 .row-fluid {
    float: left;
    min-height: 195px;
    padding-left: 10px;
    width: 45 % !important;
}
它起作用了

.category .span9 .row-fluid {
    float: left;
    min-height: 195px;
    padding-left: 10px;
    width: 45 % !important;
}

您需要指定每个项目元素的高度,以便将其视为适当的块元素。您需要指定每个项目元素的高度,以便将其视为适当的块元素。您需要指定每个项目元素的高度,以便将其视为适当的块元素。您需要指定每个项目元素的高度,因此,它们被视为适当的块元素。用您的示例编辑了我的答案:)因此,我们有一个完整的答案。希望你不介意:)用你的例子编辑了我的答案:)所以我们有一个完整的答案。希望你不介意:)用你的例子编辑了我的答案:)所以我们有一个完整的答案。希望你不介意:)用你的例子编辑了我的答案:)所以我们有一个完整的答案。希望你不介意:)