divを水平に一貫して整列させる方法は？

私のHTMLでは、8色のdivを水平方向に一定のスペースで区切りたい私はこれらのdivのコンテナとして<table>を持っています。サイズは、スケーリングのピクセル（px）ではなく、パーセント（％）で指定します。divを水平に一貫して整列させる方法は？

ユーザーがウィンドウのサイズを変更すると、divもサイズ変更されますが、等高線ではなく（つまりheight = width）、四角形ではなく四角形のようになります。これらのdivを整列して、ユーザーがウィンドウのサイズを変更したときに、divも同じ割合でサイズ変更され、四角形を保持するようにしたいと思います。

出典

2012-02-27 Sam

実際のHTMLとCSSを確認できますか？ – NekaraNef

あなたが尋ねた質問への回答を受け入れることは良いことです。 – bassplayer7

比率を維持する方法でdivをスケーリングするための純粋なHTML/CSSソリューションはありません。何らかのスクリプトを使用する必要があります。 Scale a div to fit in window but preserve aspect ratio

出典

2012-02-27 12:06:17

純粋なHTML/CSSを使用してdivのアスペクト比を保存する方法がないということを意味するのであれば、間違っていると思いますので、私は投票していません。あなたがリンクしたページで私が提示した2つのアプローチを見てください。 –

width: 100%と透明な正方形のGIF画像（1×1ピクセルで十分です）を各ブロックに配置することができます。画像およびその容器の寸法は、特定の計算されたピクセル値width: 100%にかかわらず自動的に一定に維持される。

出典

2012-02-27 14:38:14

divを水平に一貫して整列させる方法は？

答えて

関連する問題