0

我有以下 HTML 结构。它只是一堆视图行 div 在彼此之下。我想每 2 个并排放置 div。

所以遵循模式

意见行 1 意见行 2 意见行 3 意见行 4 意见行 5 意见行 6

<div class="view view-toepassingen view-id-toepassingen view-display-id-page view-dom-id-5a6ac8323a7566e5f11218e7b6c49c5c">
    <div class="view-content">
    <div class="views-row views-row-1 views-row-odd views-row-first">
        <div class="views-field views-field-title">
        <div class="views-field views-field-body">
        <div class="views-field views-field-field-afbeeldingen">
    </div>
    <div class="views-row views-row-2 views-row-even">
    <div class="views-row views-row-3 views-row-odd">
    <div class="views-row views-row-4 views-row-even">
    <div class="views-row views-row-5 views-row-odd">
    <div class="views-row views-row-6 views-row-even views-row-last">
</div>

到目前为止，我拥有的 CSS：

#zone-content .views-row{
    padding: 20px 0 20px 0;
    width: 440px;
}
#zone-content .views-row img{
    max-width: 360px;
    max-height: 400px;
}

#zone-content .views-field-title {
    width: 400px;
    height:50px;
}

#zone-content .views-field-body {
    margin-top:70px;
    height: 290px;
    width: 400px;
}
4

2 回答 2

1

您可以将该属性添加display:inline-block到您的 CSS 类#zone-content .views-row并查看。

于 2013-06-27T05:46:22.463 回答
0

这是你想要的吗？我在 div 之间添加了一点边距以更清楚地看到它：尝试如果你自己

.views-row {
    border: 1px solid;
    float: left;
    margin: 5px;
}
于 2013-06-27T05:46:15.893 回答