如何在一个div中放置一个按钮?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (11)

我有一个宽度为100%的div。

我想在里面放一个按钮,该怎么做呢?

<div style="width:100%; height:100%">
     <button type="button">hello</button>
</div>
提问于
用户回答回答于

demo演示

垂直和水平对齐。

#wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

只要水平

#wrapper {
  display: flex;
  justify-content: center;
}

用户回答回答于

<div style="text-align: center;">
   <input type="button" value="button">
</div>

或者你可以这样做

<div>
  <input type="button" value="button" style="display: block; margin: 0 auto;">
</div>

第一个中心将对齐div内的所有内容。另一个只对齐按钮。

扫码关注云+社区