gpt4 book ai didi

html - 垂直对齐按钮 - 奇怪的行为

转载 作者:行者123 更新时间:2023-11-28 08:10:09 26 4
gpt4 key购买 nike

我面临以下奇怪的情况:我在 div 中创建了一个按钮,我希望它在中间垂直对齐。现在,当我运行所有脚本时,无论我使用什么方法(我几乎尝试了所有方法),按钮都固定在 div 的顶部。如果我单独运行它(意味着只有相关的脚本行)那么它会工作并在中间对齐。下面是几行:

<head>
<style>
.p1 {
position: absolute;
left: 250px;
top: 200px;
width: 400px;

background-color: #DFD7D7;
display: block;
height: 2em;
line-height: 2em;
}
.p2 {
position: absolute;
left: 250px;
top: 200px;
width: 400px;

background-color: #DFD7D7;
display: none;
height: 2em;
line-height: 2em;
}
.bt {
position: absolute;
left: 650px;
top: 200px;
width: 100px;
background-color: #DFD7D7;
height: 2em;
line-height: 2em;
}
</style>

<script language="JavaScript">
function setVisibility(id1,id2) {
if(document.getElementById('bt1').value=='Show Layer'){
document.getElementById('bt1').value = 'Show Layer';
document.getElementById(id1).style.display = 'none';
document.getElementById(id2).style.display = 'block';
}
}
</script>
<title>Untitled</title>
</head>
<body>

</body>
</html>
<%
p_company = Request.form("p_company")
p_email = Request.form("p_email")
p_phone = Request.form("p_phone")
p_type = Request.form("p_type")
p_pword = Request.form("p_pword")
p_pass2 = Request.form("p_pass2")
%>
<%
Session("Language")=Request.querystring("id")
if Session("Language")="ENG" then
%>
<div class="p1" id="sub3">
Company: <%= p_company %>
</div>
<div class="p2" id="sub4">Company:<input type="text"></div>
</div>
<div class="bt">
<input type=button name=type id='bt1' value='Show Layer' onclick="setVisibility('sub3','sub4');";>
</div>
<%
end if
%>`

如您所见,我对所有 div 使用了 line-height,它工作正常,但不适用于按钮。但是(奇怪)如果我在另一个页面中分离按钮的代码那么它也可以正常工作。有什么建议非常感谢你提前。干杯瓦尔特

最佳答案

<div class="bt">
<input type=button name=type id='bt1' value='Show Layer' onclick="setVisibility('sub3','sub4');";>
</div>

您没有为 bt1 添加任何样式,您需要分配边距。这样子按钮就可以定位在容器 '#bt' 内

所以添加这个CSS:

#bt1 {width:40%;
height:20%;
margin-top:40%;
padding:0;}

关于html - 垂直对齐按钮 - 奇怪的行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29315341/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com