インラインブロック改行

Question

1行に4つの要素があり、それぞれがインラインブロックです。イムは敏感なウェブサイトをやっているので、いくつかの解像度で2つの要素を新しい行に移動したい。私はmedia-queriesを使っているので、CSSでこれを行う必要があります。誰もがこの問題を解決する方法を知っていますか？

マイコード：あなたは、彼らが2行に来るように、メディアクエリで項目のdivの幅を大きくする必要があり、このため 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

。 例：

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

ここでは、各divに49％の幅を示します。