javascript - 如何对齐网页的按钮中心？

Question

我想对齐网页的这个按钮中心；任何想法如何做到这一点？

<button id="user-button" class="Sign-in"> Sign in </button>

<style>

 .Sign-in{
background-color: springgreen;
border: none;
color: white;
padding: 15px 25px;
text-align: center;
font-size: 18px;
cursor: pointer;
border-radius: 10px;
font-family: Lobster, helvetica;      

 }
</style>

标签： javascripthtmlcssweb-frontend

Answer 1

尝试将按钮包装在 div 中，并为该 div 赋予中心的 text-align 属性。

CSS：

#button-container {
  text-align: center;
}

<div id="button-container">
  <button>Center Me</button>
</div>