我有两个查询,如下所述:

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/>
&nbsp;<strong>Username: </strong>&nbsp; <input type="text" name="userid" size="18" maxlength="18"/><br/>&nbsp;<br/>
&nbsp;<strong>Password : </strong> &nbsp; <input type="password" name="pswrd" size="18" maxlength="18"/>&nbsp;<br/><br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="submit" value="Submit"> &nbsp;&nbsp;
<input type="reset" value="Cancel" onclick="myFunction()" value="Reset form"/> &nbsp;&nbsp;&nbsp
&nbsp;</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宽度边框的正确方法

10-04 22:08