我有两个按钮,想要在它们的中心放置文本,我在CSS中设置了text-align:center,但是出现了问题,文本没有居中对齐。请问有谁能指出这个CSS的问题?
.form-style-5 input[type="submit"],
.form-style-5 input[type="button"]
{
position: relative;
display: inline-block;
padding: 19px 39px 18px 39px;
color: #FFF;
margin: 0 auto;
background: #1abc9c;
font-size: 18px;
text-align: center;
font-style: normal;
width: 7%;
border: 1px solid #16a085;
border-width: 1px 1px 3px;
margin-bottom: 10px;
}
min-width
而不是width
。这样你可以确保它不会被截断,同时仍然具有合适的宽度。 - Jakub A Suplicki