在 Chrome 中一切正常，但在 Safari 中與右側對齊，我不知道為什么。這是一個帶有文本的按鈕。我試過了text-align center;，justify-content: center;還是text-align: -webkit-center;什么都沒發生。
.box-product .add-items .bttn-add {
width: 115px;
height: 30px;
display: block;
background-color: var(--naranjoAgro);
color: #fff;
text-transform: uppercase;
font-size: 1em;
font-weight: 700;
line-height: 30px;
border-radius: 15px;
margin: 0 0 0 1em;
transition: .3s;
-webkit-transition: .3s;
-moz-transition: .3s;
justify-content:center;
}<div class="buttonbox">
<c:choose>
<c:when test="${(autentificar == 'true')&&(statusUsuario == 2)}">
<a class="bttn-add btncarr spinner-button" onclick="mensajeBloqueoCompras();" type="submit">agregar</a>
</c:when>
<c:when test="${autentificar == 'true'}">
<a class="bttn-add btncarr spinner-button" onclick="agregarProducto(this, '${oferta.codigo_material}', 'cantidadProdu${oferta.codigo_material}', '${contexto}', '${cantidadMinPed}', '${cantidadMaxUni}', 'HOME - PRODUCTOS EN OFERTA')" data-button-action="add-to-cart"
type="submit">agregar</a>
</c:when>
</c:choose>
</div>uj5u.com熱心網友回復：
為了justify-content:center作業，它必須在一個display:flex或display:grid塊中。
您可以將您的更改display: block為display:flex.
在我看來，您的 css 類與您的 html 中的類不對應。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/516557.html
標籤：爪哇htmlcssjsp
下一篇：“jsp”標簽庫TLD在哪里？