0

javascript と css を使用してフォト ギャラリー ビューアを作成していますが、要素を中央に配置できません。戻る矢印の写真、写真自体、および次の矢印があります。これら 3 枚の写真は隣り合っており、3 枚すべてを中央に配置する必要があります。どんな助けでも大歓迎です。また、私は css/javascript/html に慣れていないので、あまり苦労しないでください。ありがとうガイZ。

(guyzyl.org にアクセスし、任意のギャラリーに入り、写真をクリックして、私が何を意味し、何を中心にしようとしているのかを確認してください)

4

3 に答える 3

1

このスタイルは次のことに役立ちます。

#viewer {
   text-align: center;
   white-space: nowrap;
}

また、DOCTYPE を使用します。

于 2012-05-18T15:00:50.753 に答える
0

あなたは与える必要があります

<div id="viewer"></div>

幅を固定し、左右の余白を自動に設定します。

CSS は次のようになります。

#viewer{
    width:500px;
    margin-left:auto;
    margin-right:auto;
}

矢印が回り込むのを防ぐには、ビューアの幅から矢印の幅とパディング、余白、境界線を引いた幅に収まるように写真のサイズを変更する必要があります。

于 2012-05-18T14:57:38.523 に答える
0

あなたのサイトを見ただけです。Viewer div のスタイルに以下の CSS を追加してみてください

margin: auto;

それは、画面上のdivを中央に配置する必要があります。ブラウザウィンドウに十分なスペースがあると仮定します。

于 2012-05-18T15:03:23.553 に答える