☰

div 内の絶対配置された要素を中央に配置するにはどうすればよいでしょうか? 質問する

tag-icon • tag-icon css css-position absolute
div 内の絶対配置された要素を中央に配置するにはどうすればよいでしょうか? 質問する

ウィンドウの中央にdiv(with ) 要素を配置したいのですが、幅が不明なため、配置できません。position:absolute;

以下のCSSコードを試してみましたが、幅がレスポンシブなので調整が必要です。

.center {
  left: 50%;
  bottom: 5px;
}

どうすればこれを実現できるでしょうか?

ベストアンサー1

これは私にとってはうまくいきます:

#content {
  position: absolute; 
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  width: 100px; /* Need a specific value to work */
}
<body>
  <div>
    <div id="content">
      I'm the content
    </div>
  </div>
</body>

おすすめ記事