私はデザインが初めてなので、いくつかの問題があります...
インラインで中央に配置するには3つのブロックが必要なので、試しました:
#main .block{
display: inline-block;
border: 1px solid #ECEDE8;
margin: 10px 10px;
overflow: hidden;
height: 265px;
width: 265px;
}
しかし、ブロックに画像を追加すると、他のすべてがダウンします。
PS
ご覧のとおり、この問題はサファリにあり、Firefox では問題ありません。
PSS
<div id="main">
<div class="block">main
<img src="style/images/try.png">
</div>
<div class="block">main</div>
<div class="block">main</div>
<div class="block">main</div>
<div class="block">main</div>
<div class="block">main</div>
</div>
PSSS
私がGoogleで考えたように、すべての問題はdisplay: inline-block、safariのworks display: inline-tableにあります。どのような解決策が考えられますか?