1. ホーム
  2. css

[解決済み] 絶対位置指定された要素を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>