ウェブページ上の複雑な画像の整列

Question

HTMLウェブページ上に画像を配置し整列する最良の方法は何ですか？

私は約10のユーザーコントロールを持っています。それぞれの画像には、特定のパターン、例えば円弧、円、直線、その他の曲線のようなレイアウトがあります。

すべての画像は同じサイズになります。

ベストプラクティスを使用してこれを達成するにはどうすればよいですか？

Answer 1

絶対配置はおそらくそのようなものに行く方法です。絶対配置では、基本的にそれぞれのx/y座標を定義するだけです。要素を絶対的に配置するには、CSSにposition: absolute;を設定し、次にtop: 5px;とleft: 5px;を設定します（つまり、上から5ピクセル、左から5ピクセル、代わりに下と右を使用できます）。これはドキュメント全体との相対的なものだと思う「絶対的な」位置付けと呼ばれますが、実際にはstatic以外の位置付け（最初の祖先要素に相対的です）（staticは通常の位置決めモードです）に注意してください。だから親に束を入れて普通に配置したいのであれば、それをposition: relative;に設定するか、それを絶対的に配置することもできます。親が静的でない位置付けをしていない場合、それはページ全体に相対的なものになります。もう一つ注目すべきことは、絶対配置された要素はスペースを占有しないということです。たとえば、大きな要素が絶対的に配置されていて、ウィンドウが小さすぎる場合、スクロールバーはありません。