0

簡単に言えば、私はこのページを持っています：

http://www.constantinos.org/portraits/

サムネイルの各セットは NextGen ギャラリーであり、必要に応じてギャラリーを改行させて、ギャラリーが 1 行にブロックとして表示されないようにし、ギャラリーが 1 行に 1 つではなく隣同士になるようにしたいと考えています。

画像は千の言葉に値するので、私がやりたい例をフォトショップで作りました:

http://constantinos.org/example/Screenshot%20from%202013-06-29%2018:01:23.png

これは、これらのサムネイル セットの CSS です。

#ngg-gallerySingleGallery {
float:left;
display: inline !important;
clear: none;
width: auto;
}
.ngg-gallery-thumbnail img {
background-color: #FFFFFF;
border: 0;
display: block;
margin: 4px 0px 4px 5px;
padding: 4px;
position: relative;
}

ふふ。私の見出しをやっています..誰か提案はありますか？

4

1 に答える 1

0

Ok。問題は、画像が div で 3 つにグループ化されていることですngg-galleryoverview。そのため、(画像と div の両方が) フローティングであっても、ngg-galleryoverview画像は常に 3 つにグループ化されます (ボックス モデルを少し確認する必要がある場合があります)。

ギャラリーがどのように機能するかはわかりませんが、ギャラリーが適切に機能するためにはマークアップが必要かもしれませんが、それが原因で、画像が思うように流れていません。

実際、ブラウザ ウィンドウを非常に広くすると、次の 3 つの画像が最初の行にジャンプすることがわかります。

したがって、すべての画像をいくつかの小さなギャラリーではなく、1 つのギャラリーに配置することをお勧めします。

于 2013-06-29T19:19:34.800 に答える