私は検索して検索し、さまざまな手法を試しましたが、何も機能しませんでした。
3 つの列があり、左と右の列には、中央に垂直に配置する必要がある画像と、中央に水平に配置する必要がある画像があります。ただし、中間のコンテンツ div は少し伸びています。そのため、2 つの列を高さに合わせたいと思います。これらの 3 つの列は、別の div にラップされます。
何か案は?
あなたの場合、特定の行内のセルを変更すると他のセルに影響するため、divの代わりにテーブルを使用することをお勧めします..このコードを試してください。
<div style="border:1px black solid; width:850px; margin:auto">
<table style="border:1px red solid; width:100%; height:500px; text-align:center" cellspacing="0">
<tr>
<td style="border:1px lime solid">1</td>
<td style="border:1px lime solid">2</td>
<td style="border:1px lime solid">3</td>
</tr>
</table>
</div>
「高さの 100%」の意味がよくわかりませんが、それは問題ではありませんが、css の「マージン」属性をいじって、親に基づいてパーセンテージ (ピクセルではなく) を割り当てます。サイズ。それはあなたが探しているものではないかもしれませんが、以前にサイトで私のお尻を救ったことがあり、おそらく最も簡単な方法です.
これを css に追加します。
margin: auto;
padding: auto