gpt4 book ai didi

用于显示 UI 的 HTML 和 CSS 问题

转载 作者:太空宇宙 更新时间:2023-11-04 15:11:22 24 4
gpt4 key购买 nike

这是我的 html 和 css 如下。我只是不明白为什么 city & state 显示不同。如果城市和州标 checkout 现并且输入类型并排出现,但我希望它们应该像其他输入一样一个接一个地保持形式。

这是我的html

<div style="background-color: rgb(241, 242, 242); height: auto; width: auto;" id="Register">
<fieldset>


<legend>información sobre el transporte</legend>

<br>
<span id="lblBillShip" name="lblBillShip">Marque si misma que la dirección de facturación</span>
<span style="margin-left:330px; margin-top:-21px; display:block;" class="noEnterSubmit"><input type="checkbox" name="chkBillShipSame" id="chkBillShipSame"></span><br><br>

<span id="lblAdd1" name="lblAdd1">Dirección 1</span>
<input type="text" class="noEnterSubmit" id="txtAdd1" name="txtAdd1"><br><br>

<span id="lblAdd2" name="lblAdd2">Dirección 2</span>
<input type="text" class="noEnterSubmit" id="txtAdd2" name="txtAdd2"><br><br>

<span id="lblCity" name="lblCity">City</span>
<input type="text" class="noEnterSubmit" id="txtCity" name="txtCity"><br><br>

<span id="lblState" name="lblState">State</span>
<input type="text" class="noEnterSubmit" id="txtState" name="txtState"><br><br>
<br><br>

<span id="lblPostCode" name="lblPostCode">PostCode</span>
<input type="text" class="noEnterSubmit" id="txtPostCode" name="txtPostCode"><br><br><br>

</fieldset>
</div>

和CSS

#main1 { width:560px; margin: 0px auto; padding:40px 20px 20px; background-color:#FFFFFF; top:50px;}
legend { font-size:18px; margin:0px; padding:10px 0px; color:#2F9934; font-weight:bold;}
fieldset { border-style: none;
border-color: inherit;
border-width: medium;
width:322px;
margin-left:30px;
}
#overlay {
position: fixed;
height: 100%;
width: 100%;
z-index: 1000000;
color:Blue;
background: url('/images/busy.gif');
background-repeat:no-repeat;
background-position:600px 390px;
text-align:center;
}
#Register label { display:block; margin:15px 0 5px;}
#Register input[type=text], input[type=password] { width:300px; }
#Register input[type=checkbox] {padding-top:5px;}
#Register select {width:175px; height:19px; padding-top:5px;}

here is jsfiddle link

请指导我需要更改的内容,因为标签和文本框应该像其他输入一样一个接一个地保留在表格中。谢谢

最佳答案

这取决于您能够在一行中显示多少内容,并且由于标签“City”和“State”比其他标签短,因此它们可以放在一行中而不会中断。要在标签后强制换行,您可以在样式表中添加如下内容:

#Register  span { 
display:block;
}

关于用于显示 UI 的 HTML 和 CSS 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19401747/

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