我有两个查询,如下所述:
1)我想将蓝色矩形框(包含用户名和密码文本字段)移动到页面中心。我尝试使用&nbsp更改矩形框的位置,但很奇怪,它根本没有移动。HTML中是否有任何参数可以帮助我将矩形框移到页面中心?谁能建议我如何实现这一目标?
2)BORDER = 8参数不起作用,因为我想在矩形框周围设置深黑色边框。谁能提出这个问题的原因?
要复制我面临的问题,请将以下代码复制到.TXT文件中,并将其另存为.HTML文件。在IE或Firefox浏览器中打开以查看我遇到的问题。
码:
<html>
<form id="login" action="index.html">
<div style="width: 450px; height: 250px; background: blue;BORDER=8"><br/><br/><br/>
<strong>Username: </strong> <input type="text" name="userid" size="18" maxlength="18"/><br/> <br/>
<strong>Password : </strong> <input type="password" name="pswrd" size="18" maxlength="18"/> <br/><br/><br/>
<input type="submit" value="Submit">
<input type="reset" value="Cancel" onclick="myFunction()" value="Reset form"/>  
</div><br/><br/>
</form>
</html>
最佳答案
尽管这不是一个js问题:
<div style="position: absolute; left: 50%; margin-left: 225px; width: 450px; height: 250px; background: blue; border: 8px solid black"> content </div>
绝对位置,左侧50%和左侧空白:-225px(半宽)会将框定位在屏幕中间。
边框:8px纯黑色是定义8px宽度边框的正确方法