私は非常にクールな jquery ガレリアを使用していますが、サムネイルのリストを中央に配置する方法がわかりません。以下のリンクでわかるように、メインの画像は中央に配置されていますが、サムネイルは常に左揃えになっています。CSS の専門家なら誰でも、私がここで間違っていることを知っています。
ここに例があります。
ガレリアのサムネイルを大きな画像の下の中央に配置するために、サイトの css ファイルに次を追加しました。
.galleria-thumbnails {マージン左:自動; マージン右: 自動; }
リスト項目は現在、「display: block; float: left;」に設定されています。コンテンツを中央に配置してもこれらには何も起こらないため、これが問題を引き起こしています...
ただし、解決策はあります。
サムネイル セクションのすべての画像は常に同じ幅になるため、中央に配置するように調整できます。
CSSに次の変更を加えました
.gallery_demo {
padding-left: 80px;
width: auto;
}
あなたが求めている結果が得られるようです。
ps "center" html タグは使用しないでください。
jquery を使用してコンテナーの幅を取得する必要があります。次に、式を左にパディングします。これは意味がありますか? – ((ガレリアの幅 - サムネイル リストの幅)/2)