ではposition: absolute、要素の角の 1 つを定義して要素を配置します (多くの場合、top プロパティと left プロパティを使用します)。中心を定義して配置することはできますか? （幅/高さを知らずに？）。
1 に答える
0
このjsFiddleリンクで同様の質問に答えました
同様の質問への私の回答へのリンク: CSS を使用して画像の中心を配置する
次に、ピクセルを使用して上/左の座標を使用できます。これは、幅/高さに関係なくオブジェクトの中心を使用し、これはコンテンツに動的に適合する場合があります。1 つの問題は、いくつかの z-index とスタイルを設定する必要があるため、他のラッパー div がコンテンツの残りの部分に影響を与えないようにする必要があることです。これは、このアプローチを使用する際の欠点になる可能性があります。
解決策は、実際の位置を持つラッパー div を使用し、その中にスタイルを含む別のラッパー div を使用することですposition: relative;padding-top: 25%;margin-top: -100%;margin-left: -100%;。margin-left スタイルは簡単に適用できますが、margin-top にはパディングが必要なため、余分なラッパー div が必要です。
別のアプローチが必要な場合は、Javascript を使用する必要があると思います。
于 2013-01-14T12:47:39.370 に答える