如何将按钮始终放在图形的中心

Question

enter image description here我有一个开始按钮。当我调整窗口大小时，我也可以将该开始按钮始终放在图形的中心，它应该始终是图形的中心。我该怎么办？

JS：

no overlap

的jsfiddle：https://jsfiddle.net/7skvx8L5/2/

Answer 1

删除position: absolute，然后将text-align: center添加到该行。

.placeBtn {
    /* position: absolute; */
    width:94px;
    background-color:#ccc !important;
    border-color: #000 !important;
    color: #000000;
}

.col-lg-12 {
  text-align: center;
}

WORKING EXAMPLE

如果您不喜欢为每个.col-lg-12调用text-align，您可以像这样在该行中添加一个类：

<div class='col-lg-12 center'>

并在样式表中：

.center {
    text-align: center;
}

或者你是说这个：

WORKING EXAMPLE

Answer 2

.placeBtn {
  margin: 0 auto;
  display: block;
  padding-left: 1.2em;
  padding-right: 1.2em;
  background-color: #ccc ! important;
  border-color: #000! important;
  color: #000;
  /* position: absolute; -- removed */
  /* width: 94px; -- removed */
}

浏览器调整大小示例（抱歉图像质量）：