[解決済み] 絶対位置指定された要素をdivの中央に配置するにはどうしたらよいですか?
2022-03-16 03:02:10
質問
を配置する必要があります。
div
(を含む
position:absolute;
) 要素をウィンドウの中央に配置しています。しかし、この方法には問題があります。
幅が不明
.
これを試してみました。しかし、幅がレスポンシブであるため、調整が必要です。
.center {
left: 50%;
bottom: 5px;
}
どうすればいいのでしょうか?
どのように解決するのですか?
<body>
<div style="position: absolute; left: 50%;">
<div style="position: relative; left: -50%; border: dotted red 1px;">
I am some centered shrink-to-fit content! <br />
tum te tum
</div>
</div>
</body>
関連
-
[CSSチュートリアル】CSS たった1行のコードでアバターと国旗の一体化を実現
-
[CSSレイアウト例】float(フロート)、position(ポジション)プロパティの差分によるCSSレイアウト
-
[CSSチュートリアル】クールなネオン効果を実現するピュアCSS(デモあり)
-
[CSSチュートリアル】インタビュー必見!聖杯レイアウトとダブルウィングレイアウトの違いとは?
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] div 内の画像を縦に並べる方法
-
[解決済み] コンテナの幅に応じたフォントの拡大縮小
-
[解決済み] Twitter Bootstrap 3を使用して列を中央に配置する
-
[解決済み] 残りの幅を埋めるためにdivを展開する
-
[解決済み】CSSを使用して、すべてのブラウザでdiv要素を垂直方向に中央に配置するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[CSSチュートリアル]CSSで簡単!高周波な異形ボタンを実現する方法
-
[CSSチュートリアル】カットコーナー+ボーダー+プロジェクション+コンテンツ背景色のグラデーション効果を実現するCSS
-
[CSSチュートリアル】パララックススクロールの効果を完成させるCSS
-
[CSSチュートリアル】CSSで炎のエフェクトを記述する方法
-
[CSSチュートリアル]CSS動的高さ遷移のアニメーション効果の実装の
-
[css3]スクロールバー美化効果を実現するcss3サンプルコード
-
[css3]赤いパケットのジッター効果を実現するCSS3
-
[CSSチュートリアル】シンプルなナビゲーションバー機能を実現するhtml+css
-
[CSSチュートリアル】CSS複合セレクタの具体的な使用方法
-
[解決済み] 100%幅のdiv内に絶対位置指定された要素を水平方向にセンタリングするにはどうすればよいですか?[重複]を