タグを使用してプロパティを設定しました<div style="margin:0 auto; ">が、正常に動作しています。しかし、私はこれを上記でもう1つ使用し、フロートを以下のように設定しました
.gallery-div{ background:url(images/gallery-bg.png) repeat-y;
float: left;
width:101px;
margin:2px 2px 0px 2px;
border-bottom:2px #9b9b9b solid;
}
問題は、中央ではなく左側に表示されることです。削除する場合
float: left; then it appear one below the other like that.
以下のスクリーンショットを参照してください
助けていただければ幸いです。
私たちが試すことができるあなたの正確なhtmlを持っていないでください. Enter link description here にモックを入れてみてください。しかし、ここで私が考えることができるいくつかのことがあります。
隣り合わせが必要な場合は、フロート、または絶対/相対として定義された位置が必要です。その後、左右の余白をいじって、正確な余白を設定し、中央に配置します。
ほら、ここにmargin-leftを追加しました。中心に来るように、そこでさまざまな数字を試してみてください
.gallery-div{ background:url(images/gallery-bg.png) repeat-y;
float:left;
width:101px;
margin:2px 2px 0px 2px;
margin-left:30px;
border-bottom:2px #9b9b9b solid;
}
margin: 0 auto;インラインではなく CSS ファイルで使用してみてください。また、2 番目のマージンが競合するため、コメントアウトします。それから私に戻ってきて、それがあなたにとってどのように機能するか教えてください.