水平画像をクリア

Question

私は、水平方向にスタックしてここにテキストをクリアするには、これらのサムネイル画像を取得することはできません。

http://svgcuts.com/blog/2016/04/09/fairy-cottage-svg-kit/

私はfloatを追加することができます。行に左：

191 .entry .ngg-galleryoverview .ngg-gallery-thumbnail img {float: left;} 

しかし、下のテキストはコンテナの周りをラップしています。

Answer 1

デベロッパーツールでngg-galleryoverviewを調べると、子供たちをフロートさせたときに折りたたまれて表示されます。 （別名：。それは、もはやそれらを含むように広がって）あなたが子供をフロートしたい場合は、この問題を解決する最も簡単な方法が追加されます。ヘルプをデバッグするために求めて

.ngg-galleryoverview { 
    overflow: hidden; 
} 

.ngg-gallery-thumbnail-box { 
    float: left; 
} 

Answer 2

これはあなたのウェブサイトであると仮定すると、flexboxを使って必要なものを達成することができます。

私はサムネイルのラッパーに気づき、コードを思い付いた：私はちょうど追加

.entry .ngg-galleryoverview { 
    padding: 0px !important; 
    margin: -15px 0px 30px 0px; 
    display: flex; 
    flex-direction: row; 
    flex-wrap: wrap; 
} 

お知らせ：

display: flex; 
flex-direction: row; 
flex-wrap: wrap; 

---

それは私に適しています：

---