帮助我将按钮居中
这是我的Codepen链接。
不知道如何将按钮居中
#form {
display: grid;
align-self: flex-start;
margin: 0 7.5rem;
width: 50%;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 2rem;
grid-row-gap: 1.5rem;
vertical-align: center;
margin-top: 5rem;
}
您可以尝试这样做以使按钮居中。
您需要先将设置为grid-column-start
,grid-column-end
然后再将其设置justify-self
为居中,这样按钮才能居中。
button {
margin-top: 3rem;
justify-self: center;
grid-column-start: 1;
grid-column-end: 3;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句