2 回答

TA貢獻1802條經驗 獲得超10個贊
如果您使用 ID 選擇器而不是類選擇器(即使用#而不是.),這應該可以工作:
#pswd {
display:inline-block;
margin-right:500px;
}

TA貢獻1906條經驗 獲得超10個贊
有多種方法可以在屏幕上垂直和水平居中對齊 div。
我也用過display:flex。
'use-strict'
function checkPswd(form) {
const confirmPassword = "admin";
let passwordProvided = form.elements.newPassword.value;
if (passwordProvided === confirmPassword) {
// If correct
} else {
// If failure
}
// to prevent default action
return false;
}
.form--wrapper {
width: 150px;
height: 150px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
form {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
width: 100%;
border: 2px dashed orange
}
<div class="form--wrapper">
<form name="change-password" onsubmit="return checkPswd(this)">
<input class="inner" name="newPassword" type="password">
<input class="inner" type="submit" value="Submit" />
</form>
</div>
添加回答
舉報