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,桌面,图标,布局,公十八世纪的意大利做干了哪些事情 为什么能够实现统一呢
那么,这究竟是怎么回事呢?下面我们就一起前往查看一番。
首先,让我们先将目光移到公元1860年5月6日的早晨,就会发现,在意大利热那亚城外的港口,有两艘旧船正稳稳地停着,似乎在等待着什么重要任务。
而此时,1000多名身穿红衬衫,头戴阔边帽的意大利人则迅速登上了这两艘船。
接着,只见有一个中年人在大声呼喊:“为解放西西里岛的同胞,为意大利的统一,前进!”然后,轮船就像飞一样,消失在了漆黑的海洋里。
那么,这又是咋回事呢?原来那个高喊口号的中年人叫加里波第。
他生于1807年,是一个水手出身。
青年的时候就由于在反对外国占领者的过程中失败而逃到了拉丁美洲,然后,在1848年回国以后,就成为了意大利统一运动的领导者。
要知道,统一对于当时的意大利而言非常重要。
因为当时的意大利至少也分裂为了数个小国。
而北部的几个小国则被奥地利占领,南部的西西里王国则被西班牙占领,中部地区则归属于教皇管理,可以说是。
因此,当西西里王国的许多爱国老百姓听闻有意大利统一运动的武装力量前来的时候,都感到格外高兴。
他们马上就兴高采烈地到码头迎接,而见面之后,便开始商量对策。
但就在此时,炮声响了。
原来殖民者西班牙已经知道了意大利统一运动武装已经到达了西西里岛的消息,他们马上派遣部队前来攻击。
但是,令人可笑的是,正当加里波第他们想要还击的时候,敌人的炮声却突然停了。
原来港口内还有两艘英国商船,他们刚提出抗议,西班牙的士兵们便不敢再进行攻击了。
于是,加里波第的红衫军就很快就以港口为基地,借机又扩大了规模,接着,在实力大增之后,加里波第便下令向西西里岛的首府巴勒莫进军。
但是,当他们刚刚出发在进军的路上,就遇到了一座梯形的高山,山上则有两倍于红衫军的敌人占领。
按道理说,一看这情况,红衫军就应该退缩了。
然而,加里波第的红衫军却并没有退缩。
在经过了一阵猛冲猛打之后,红衫军就占领了这一座高山。
然后,兵临首府巴勒莫。
于是,5月27日的凌晨,天还没有亮,总攻就开始了!在持续了两天两夜的战斗后,西班牙占领军和西西里王国的反动军队是死的死,逃的逃,红衫军取得了胜利。
但是,为了不让敌人有喘息的机会,当年的八月,加里波第就带领着红衫军向着西西里王国的首都那不勒斯进军。
随后,在当地人民的支持下,那不勒斯也获得了解放。
然后,1860年11月初的一天,意大利新国王厄马努埃尔便和意大利统一运动的最高首领加里波第手拉手走在了那不勒斯的大街上,接受全市人民对他们得热烈欢迎。
至此,意大利开始走向了统一之路。
总之,十八世纪的意大利为何能够实现全境统一?来源于意大利人民不屈不挠的战斗意志。
随机文章塞普蒂米乌斯·西弗勒斯拱门简介日本富士山简介详解c5运输机和c17的区别,造价3亿美元的C17性能更优尼古拉特斯拉有多恐怖,击败爱迪生成为现代电气学之父地表喀斯特地貌类型,喀斯特地貌的形成过程(大自然风化而成)
如何顺利实现社会保险的跨省转移?这种跨省转移需要多长时间时间?(2025年4月9日)
下面随新社通小编一起了解详情。
跨省社保转移通常需要45个工作日。
以下是跨省社保转移的主要步骤及时间安排:申请阶段参保人在新就业地建立社保关系并缴费后,需向新参保地社保经办机构提出转移接续申请。
此阶段时间取决于申请人提交材料的及时性和完整性。
审核阶段新参保地社保经办机构在收到申请后,需在15个工作日内完成审核。
若符合条件,向原参保地发出同意接收函;若不符合,则向申请人作出书面说明。
办理转移手续阶段原参保地在接到同意接收函后,需在15个工作日内办理转移手续,包括个人账户清理、资金划转及信息传递等。
接收阶段新参保地在收到原参保地转移的社保关系和资金后,需在15个工作日内完成接收手续,并告诉用人单位或参保人员。
需要注意的是,如果审核过程中发现资料有误,可能需要更长时间。
此外,参保人可通过“电子社保卡”微信小程序的社保转移进度查询功能查看办理进度。
建议在办理前提前了解相关法规,并咨询当地社保经办机构,以确保流程顺利进行。
通过以上介绍,您可以清晰地了解跨省社保转移。
在办理转移手续时,请务必按照当地社保机构的要求进行操作,确保转移结果的准确无误。