1

画像ギャラリーのサムネイルの間隔があちこちにあるという問題に遭遇し、燃え尽きてしまいました（笑）。

以下は、サムネイルを含むすべてのページでどのように表示されるかを示したページの例 です。良い| 良い

ただし、ほとんどのアルバム ページでは、たとえば次のページのように、まとめてクランチされます 。

次に、このページがあり、完全にkablooeyになっているようです： Really Bad

マージンやパディングがどこかに欠けていると確信していますが、現時点ではわかりません。これを整理できる人はいますか？

ありがとう！

4

1 に答える 1

1

CSS を書き直して、すべてliの s を好みのマージンで左または右にフロートさせる必要があります。

これにより、すべての要素が互いに指定された距離内に留まり、1 つのクラスが問題を解決するときに、配置や大量の一意の ID が不要になります。

div を閉じる前にクリア要素を追加することを忘れないでください ;)

CSS:

#wrap
{
    width: 450px;
    margin: 0 auto;
    border: 1px dashed #000;
}

.imageHolder
{
    float: left;
    width: 100px;
    margin: 5px;
    border: 1px dashed #00f;
}

.clear
{
    display: block;
    clear: both;
}
​

http://jsfiddle.net/Kyle_Sevenoaks/a6JGm/

于 2012-07-26T06:58:24.443 に答える