淘宝招聘的css题目

没心没肺 · 发表于 2009-5-20 03:23:28

淘宝招聘的css题目
题目：使用纯CSS实现未知尺寸的图片(高宽都小于200px)在200px的正方形容器中同时水平和垂直居中

<br />
<!DOCTYPE <span href="tag.php?name=html" onclick="tagshow(event)" class="t_tag">html</span> PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html><br />
<head><br />
<title>This is a test page!</title><br />
<style type="text/css"><br />
*{margin:0;padding:0;}<br />
img{border:0;}<br />
</style><br />
</head><br />
<body><br />
<<span href="tag.php?name=div" onclick="tagshow(event)" class="t_tag">div</span> style="width:200px;height:200px;border:1px solid #000;text-align:center;line-height:200px;font-size:12px!important;font-size:175px;"><br />
<img src="http://bbs.blueidea.com/images/blue/logo.gif" alt="" style="vertical-align:middle;" /><br />
</div><br />
<br />
<div style="width:200px;height:200px;border:1px solid #000;text-align:center;line-height:200px;font-size:12px!important;font-size:175px;"><br />

<img src="http://bbs.blueidea.com/images/blue/discuz_icon.gif" alt="" style="vertical-align:middle;" /><br />
</div><br />
</body><br />
</html><br />

提示：您可以先修改部分代码再运行

		自动登录	找回密码
密码			注册