2017-04-26 4 views
0

私はこのサイトに複数のアイテムが存在するようにしようとしています。それらはすべて同じ幅と高さになり、できるだけ多くを追加できるようにしたいと考えています。私が抱えている問題は、もし私が多すぎると、次の行に移動するのではなくページを広げてしまうことです。 http://i.imgur.com/xxXYSxf.pngページがいっぱいになるとアイテムが移動しますか?

一般的なdivにすべてのdivを入れて100vwに設定しても、最大幅を設定しようとしましたが、どちらも機能しませんでした。 http://i.imgur.com/Qe9IcFP.png

私はHTML & CSSでこれをやっていますが、JSが必要な場合はそれで問題ありません。

+2

投稿してください行う必要があります。画像はOKですが、コードが必要です。 – j08691

答えて

0

は、あなたのスタイルシートには、この次のCSSプロパティを追加してみてください。

/* to your div container */ 
.container { 
    max-width: 100vw; 
    word-break: break-all; 
} 

/* to your panel items */ 
.panel { 
    display: inline-block; 
} 
0

使用display: inline-block;あなたのパネル要素に。これにより、行の終わりに達するとパネルが次の行に移動します。

0
display: inline-block 

は、あなたの質問に[MCVE]トリック

関連する問題