如何把<input type="text"/>拖到中间？
日期：2014-05-17 浏览次数：20787 次
怎么把<input type="text"/>拖到中间？？
初学dreamweaver，我想把左上角的那个<input type="text"/>，拉到图片的中间那里，该怎么弄？？
直接拉的话，拉不了。。
或者说，代码应该怎么改？？？
login.css:
login.html:
------解决方案--------------------
囧，你给包input 的div设样式啊，宽度等于那个图片的宽度，高度等于那个图片的高度，然后margin:0 auto; 这是控制左右居中，别加float：left;然后margin-top:XXXpx就行了（XXX为你那个图片距离顶部的距离）。这样里面的input就在你那图片上面了，前提是你那图片是个背景图
------解决方案--------------------
你为啥body里面写个absolute，应该div上写啊...你加浮动流也OK...不知道你背景图多大！
------解决方案--------------------
添加一个class属性:<input type="text" class="userName"/>
方法一:.userName{position:absolute;left:300px;top:250px;}
方法二:.userName{float:left;margin-left:300px;margin-top:250px;}
初学dreamweaver，我想把左上角的那个<input type="text"/>，拉到图片的中间那里，该怎么弄？？
直接拉的话，拉不了。。
或者说，代码应该怎么改？？？
login.css:
/* CSS Document */
body{
position:absolute;
left:318px;
top:426px;
width:582px;
height:364px;
background-image:url(../images/log.gif);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
login.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>login</title>
<link type="text/css" rel="stylesheet" href="css/login.css" />
</head>
<body>
<html>
<div>
user:<input name="text" type="text" />
</div>
</html>
</body>
</html>
------解决方案--------------------
囧，你给包input 的div设样式啊，宽度等于那个图片的宽度，高度等于那个图片的高度，然后margin:0 auto; 这是控制左右居中，别加float：left;然后margin-top:XXXpx就行了（XXX为你那个图片距离顶部的距离）。这样里面的input就在你那图片上面了，前提是你那图片是个背景图
------解决方案--------------------
你为啥body里面写个absolute，应该div上写啊...你加浮动流也OK...不知道你背景图多大！
------解决方案--------------------
添加一个class属性:<input type="text" class="userName"/>
方法一:.userName{position:absolute;left:300px;top:250px;}
方法二:.userName{float:left;margin-left:300px;margin-top:250px;}
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
