如何在 Html 中居中按钮？

问题描述

为什么我可以在 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>

谢谢。

解决方法

只需使用边距即可实现这一点。

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>

,

在一个 button 中添加 <div> 并在 div 中添加 text-align:center

<div style="background-color:rgba(129,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>