我正在使用反應并試圖讓按鈕的文本與按鈕對齊。我試過 textAlign 但它似乎沒有做任何事情。每當我調整文本大小時，它都不會停留在中間。
function RegisterBtn() {
return (
<div
style={{
display: "flex",
justifyContent: "center",
alignItems: "center",
padding: "60px",
}}
>
<button
className="btn btn-danger"
onClick={() => navigate("/RegisterComponent")}
style={{
padding: "3vh",
border: "none",
height: "80px",
width: "300px",
fontSize: "60px",
textAlign: "center"
}}
>
Register
</button>
</div>
);
}
我哪里錯了？
這是它的外觀的螢屏截圖。
這是我的 Github，如果它在我的 HomeComponent.js 之外有問題 https://github.com/Shaneeyb/Kingdom-Man
提前致謝！
uj5u.com熱心網友回復：
在不設定按鈕高度的情況下嘗試它，它將使用填充和字體大小來定義其高度 https://codesandbox.io/s/silent-snowflake-io7dmk?file=/src/App.js
登記轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/436521.html