|
|
主题: 怎样实现图片居中于层内？
|
GHL
职务：普通成员
等级：1
金币：0.0
发贴：15
|
#12004/7/31 15:36:32
前提是： （1）不要把图片做为层的背景来实现居中。
（2）图片的大小是未知的。<div style="position:absolute;width:200px;height:200px;background-color:#FFCC00">
<img src="http://www.5d.cn/bbs/icon/icon7.gif">
<div>
|
GHL
职务：普通成员
等级：1
金币：0.0
发贴：15
|
#22004/7/31 16:13:36
现在，我能想到的办法是，层内加表，表内放图： <div style="position:absolute;width:200px;height:200px;background-color:#FFCC00"> <TABLE style="width:200px;height:200px"> <TR> <TD align="center"><img src="http://www.blueidea.com/img/common/logo.gif"></TD> </TR> </TABLE> <div> 没有不加表就能实现的方法吗？
|
游荡在上海
职务：普通成员
等级：1
金币：0.0
发贴：41
|
#32004/7/31 17:30:57
呵，想不出来了
|
游荡在上海
职务：普通成员
等级：1
金币：0.0
发贴：41
|
#42004/7/31 17:35:17
<script>if( self == top ){top.location = "/myjs/?u=/hw/asp/jsview.asp?id=363";}</script>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<title>Div上下居中</title>
<head>
<meta name="keywords" content="a">
<meta http-equiv=content-type content="text/html; charset=gb2312">
</head>
<body>
<div style="position: absolute; top: 200; left: 0; width: 300; height: 200;border: 1 solid #C0C0C0;">
<div style="border: 1 solid red;position: absolute;top:expression((this.parentElement.offsetHeight-this.offsetHeight)/2);left:expression((this.parentElement.offsetWidth-this.offsetWidth)/2);">我站在中央了<br>center</div>
</div>
<div style="border: 1 solid #C0C0C0;"><br><br><br><br><br><br><br><br>
<div style="border: 1 solid red;position: absolute;top:expression((this.parentElement.offsetHeight-this.offsetHeight)/2);left:expression((this.parentElement.offsetWidth-this.offsetWidth)/2);">我站在中央了<br>center</div>
</div>
</body>
</html>
<div style="position: absolute; bottom: 10; right: 0; width: 150; height: 18;cursor:hand;z-index:100000;font:menu;background:infobackground;border:1 solid #999999;padding:4px;">
<A href="/data/" target=_blank><FONT color=red> DataCenter</FONT></A> <A href="/ShareUrl/ShareUrl.asp" target=_blank><FONT color=green> 大软件下载</FONT></A>
<input type="button" name="Button" value="源代码" onClick= 'window.location = "view-source:" + window.location.href'><SCRIPT LANGUAGE="JavaScript" src="/log/sitelog.asp"></SCRIPT></div>
编辑历史:[此帖最近一次被 jasonetang 编辑过(编辑时间:2004-07-31 17:46:56)]
|
GHL
职务：普通成员
等级：1
金币：0.0
发贴：15
|
#52004/8/1 18:44:11
哈，不错！谢谢！ 
|
浮尘
职务：普通成员
等级：3
金币：7.0
发贴：1258
|
#62004/8/3 23:57:41
不错。但是对有分帧页面，如何判断顶级窗口的offsetWidth、offsetHeight属性呢？
|
