div+css实现类似winxp桌面图标布局
【菜科解读】
公司要求做一个类似于window xp桌面图片布局方式同时要求尽量不要用嵌入js脚本，用纯div+css布局在不断探索和摸索下勉强实现了,感兴趣的朋友可以了解下，希望本文可以帮助到你
前不就公司项目要求做一个比较蛋疼的布局，类似于window xp桌面图片布局方式，而且要求尽量不要用嵌入js脚本，用纯div+css布局，在不断探索和摸索下也只现实了IE8+,firfox, chrome浏览器，别的不多说，直接上代码。
复制代码代码如下:
!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 charset="utf-8"/
title window xp桌面图标布局 /title
style
html,body{ margin:0; border:0; padding:0; width:100%; height:100%; }
.parent{ display:block; background:gray; width:100%; height:100%; }
.parent{
-webkit-column-width:100px;
-moz-column-width:100px;
-webkit-column-gap:0px;
-moz-column-gap:0px;
}
.parent{ writing-mode: tb-lr; }/*ie8 竖直排列*/
.parent{ *white-space:nowrap;}
.child{
display:inline-block;
*display:inline;
margin:10px 10px 10px 10px;
border:5px solid black;
padding:5px;
width:50px;
height:50px;
text-align:center;
background:lightblue;
}
.child{ writing-mode: lr-tb; } /*ie8 竖直排列*/
/style
/head
body
div
div 1 /div
div 2 /div
div 3 /div
div 4 /div
div 5 /div
div 6 /div
div 7 /div
div 8 /div
div 9 /div
div 10 /div
div 11 /div
div 12 /div
div 13 /div
div 14 /div
div 15 /div
div 16 /div
div 17 /div
div 18 /div
div 19 /div
div 20 /div
div 21 /div
div 22 /div
div 23 /div
/div
/body
/html
div+css,实现,类似,winxp,桌面,图标,布局,公在太阳系，和地球类似的天体非常多。
跟着人类科技的先进，我们总算知道，地球只是一颗一般的行星，在太阳系，和地球类似的天体非常多。
即使脱离太阳系，在世界中，行星这种天体也是无处不在，而且广泛比地球大得多，甚至也比 太阳系最大的行星 木星大。
关于体积和木星类似、又距离宿主 恒星 非常近的一类系外行星，科学家统称为热木星。
到目前为止，人类现已发现了几百颗热木星。
而这种天体的总数，实际上要更多。
根据天文学家预算， 银河系 内至稀有1000亿颗行星，其间7%是热木星。
这个份额看起来不大，可是终究基数大，算下来估计也有70亿，和地球上的人口差不多了。
那么，世界中的热木星为何叫“热”木星呢？它们究竟有多热呢？ 首要，它们距离自己的宿主恒星非常近。
太阳系内最内侧的行星是水星，距离太阳姑且有5800万公里。
而热木星，最近的甚至或许只需几百万公里。
由于它们距离宿主恒星如此之近，导致许多热木星处于潮汐确认情况，也就是说，它们和月亮相同，只需一面可以朝向自己的宿主恒星。
离宿主恒星很近、潮汐确认，导致了热木星表面温度极高，过1000℃那是常有的事，甚至最高的还有逾越4000℃的。
相比之下，有些比较小的恒星，或许还没有这么热。
而热木星的本质和木星相同，是以气体为主的巨行星。
我们知道，热胀冷缩的现象在气体的情况下表现得尤为显着。
因此，热木星广泛非常疏松，尽管有许多热木星质量还没有木星大，可是体积却逾越了木星。
这也导致了另一个效果，最外层的气体很暗淡，影响了它们凌日的作用，因此科学家也很难判别它们的直径究竟有多少。
可是，问题在于：尽管温度很高，这些热木星的体积好像也大得有点过火啊，热胀冷缩有这么强的作用吗？ 有一些科学家指出：热木星的内部，或许也存在热源。
在宿主恒星的炙烤下，热木星表面温度急剧升高。
当温度提升到1500K之后，它内部的钠、钾等元素就会被电离。
而在星球表面的风的作用下，这些带电粒子就会在它们的磁场内部高速移动。
我们知道，磁是可以生电的，它们不断切开磁感线，就会发生电流。
而电流会发生出热量，在内部给热木星加温。
就这样，本来外界环境就极热，内部又像是一个电烤箱，热木星就会大幅胀大，变成了今天的姿态。
那么，已然热木星只需一面朝向宿主恒星，另一面永久处于黑私自，它的不好是否就比较“凉快”呢？ 绝非如此。
我们知道，木星的表面布满了林林总总的条纹，菜叶说说，实际上都是木星表面的风暴。
热木星在这一点也是和木星非常类似的，它们表面空气活动速度非常快，所以正面的超高温空气很快就会被吹到不好。
就这样，不好也变成了阴间一般的酷热世界。
戴安娜王妃之死，法医揭露致命伤：没见过第二例类似情况
难道，戴安娜王妃之死还另有隐情？今天我们一起来了解一下！
