如何让按钮在 Html 中居中？

Question

为什么我可以在 html 上对齐此按钮，您通常会放置一个 text-align: center a tat all。不知道是我哪里做错了还是怎么的

<div style="background-color:rgba(129,180,30, 0.9); width: 40%; margin-top: 50px; padding-left:10px; padding-right:10px; padding-top:10px; text-align:justify">
<h2>Proteger para progresar</h2>
<h5>La condición humana está muy ligada al progreso. En mayor o menor medida, todos queremos progresar en aquellos ámbitos en los que nos centramos en nuestro día a día. Los padres quieren que sus hijos estudien y sean buenas personas para que les vaya bien en la vida.</h5>
<button href="https://mediassegur.com/proteger-para-progresar" style="text-align:center;">Leer mas</button>
</div>

谢谢。

Answer 1

在<div>中添加button，在div中添加text-align:center

<div style="background-color:rgba(129,180,30, 0.9); width: 40%; margin-top: 50px; padding-left:10px; padding-right:10px; padding-top:10px; text-align:justify">
  <h2>Proteger para progresar</h2>
  <h5>La condición humana está muy ligada al progreso. En mayor o menor medida, todos queremos progresar en aquellos ámbitos en los que nos centramos en nuestro día a día. Los padres quieren que sus hijos estudien y sean buenas personas para que les vaya bien en la vida.</h5>
  <div style="text-align:center;"><button href="https://mediassegur.com/proteger-para-progresar">Leer mas</button></div>
</div>

Answer 2

只需使用保证金即可实现。

button {
  width: auto;
  display: block;
  margin: auto;
}

<div style="background-color:rgba(129,180,30, 0.9); width: 40%; margin-top: 50px; padding-left:10px; padding-right:10px; padding-top:10px; text-align:justify">
<h2>Proteger para progresar</h2>
<h5>La condición humana está muy ligada al progreso. En mayor o menor medida, todos queremos progresar en aquellos ámbitos en los que nos centramos en nuestro día a día. Los padres quieren que sus hijos estudien y sean buenas personas para que les vaya bien en la vida.</h5>
<button href="https://mediassegur.com/proteger-para-progresar">Leer mas</button>
</div>

如何让按钮在 Html 中居中？

How to center a button in Html?

html

css

text-align

center

button