其中一个试题：
将下图形重构，要求在页面上水平垂直居中！分别用2个DIV，3个DIV，5个DIV实现！
这是个正的十字架，宽是50px；长是150px
等什么，玩玩吧 ？
2个DIV实现方法：
Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><style type="text/css">
/**//*这样重构css，更简介*/div{}{background-color:red;left:50%;top:50%;position:absolute;}
#x{}{width:150px;height:50px;margin-top:-25px;margin-left:-75px;}#y{}{width:50px;height:150px;margin-left:-25px;margin-top:-75;}</style></HEAD><BODY><div id="x"></div><div id="y"></div></BODY></HTML>
3个DIV实现方法：
Code
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2 <HTML>
3 <HEAD>
4 <style type="text/css">
5 <!--
6 /*这样重构css，更简介*/
7 div{width:50px; background:red; position:absolute;top:50%;left:602px;}
8 #x{height:50px; margin-top:-50px; margin-left:-75px; }
9 #y{ height:150px;margin-top:-100px; margin-left:-25px;}
10 #z{height:50px;margin-top:-50px; margin-left:25px;}
11 -->
12 </style>
13 </HEAD>
14 <BODY>
15 <div id="x"></div>
16 <div id="y"></div>
17 <div id="z"></div>
18 </BODY>
19 </HTML>
20
好久不搞了，又想起了从前，一天到晚搞这个，有意思！
366
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
