内联块新线

Question

我在一行中有4个元素，每个元素都是内联块。我正在做响应式网站，所以我想以一定的分辨率将2个元素移动到新的行。因为即时通讯使用媒体查询，我需要在CSS中执行此操作。有谁知道如何解决这个问题？

我的代码： https://jsfiddle.net/451ouudn/

<div id="servicesPanel">
    <div id="servicesContent" data-animate="fadeIn">
        <h2>OFERTA</h2>
        <span>Gwarantujemy najwyższą jakość w rozsądnych cenach! </span>
        <div id="services">
            <div class="item" id="face">KOSMETYKA TWARZY</div>
            <div class="item" id="handsAndFeet">KOSMETYKA DŁONI I STÓP</div>
            <div class="item" id="solarium">SOLARIUM</div>
            <div class="item" id="hairdressing">FRYZJERSTWO</div>
        </div>
    </div>
</div>

Answer 1

为此你必须增加媒体查询中项目div的宽度，以便它们分为2行。 例如：

@media(max-width:1024px){
 .item{ width:49%;} 
}

这里我们为每个div提供49％的宽度。