masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > 怎么把<input type="text"/>拖到中间？？_html/css_WEB-ITnose

怎么把<input type="text"/>拖到中间？？_html/css_WEB-ITnose

WBOY
Lepaskan： 2016-06-24 12:21:37
asal
919 orang telah melayarinya

初学dreamweaver，我想把左上角的那个，拉到图片的中间那里，该怎么弄？？
直接拉的话，拉不了。。
或者说，代码应该怎么改？？？


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;}
Salin selepas log masuk


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>
Salin selepas log masuk


回复讨论(解决方案)

怎么用dreamweaver拉它，控制它，或者代码该怎么改？？

你为啥body里面写个absolute，应该div上写啊...你加浮动流也OK...不知道你背景图多大！

添加一个class属性:
方法一:.userName{position:absolute;left:300px;top:250px;}
方法二:.userName{float:left;margin-left:300px;margin-top:250px;}

Label berkaitan：
怎么把&lt;input type="text"/&gt;拖到中间？？
sumber：php.cn
Artikel sebelumnya：请问图中的实时监控图表是哪个工具里的_html/css_WEB-ITnose Artikel seterusnya：求教，如何使用SwfUpload控件的addPostParam方法？_html/css_WEB-ITnose
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
daripada 2024-04-29 11:01:01
0
3
2184
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
11
2331
Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
daripada 2024-04-19 15:37:47
0
1
1961
Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
daripada 2024-04-18 23:52:34
0
1
1845
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1898
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan