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,桌面,图标,布局,公Mac装Win10，轻松实现跨平台操作
软件支持 在线重装、U盘制作、自定义重装 等多种模式。
简介：在现如今的信息时代，人们对于跨平台操作的需求越来越高。
本文将介绍如何在Mac电脑上安装Windows 10系统，实现跨平台操作，让你轻松享受不同操作系统的便利。
工具原料：品牌型号：MacBook Pro操作系统版本：macOS Catalina软件版本：Boot Camp Assistant 6.1.0一、准备工作1、备份重要数据：在安装Windows 10之前，建议先备份Mac电脑上的重要数据，以防意外情况发生。
2、下载Windows 10镜像文件：从微软官网下载Windows 10的镜像文件，确保下载的版本与你的电脑兼容。
二、使用Boot Camp Assistant安装Windows 101、打开Boot Camp Assistant：在Mac电脑上，打开“应用程序”文件夹，找到“实用工具”文件夹，然后双击打开“Boot Camp Assistant”。
2、创建Windows分区：在Boot Camp Assistant中，选择“继续”并勾选“创建Windows 10安装盘”和“下载最新的Windows支持软件”，然后点击“继续”。
3、调整分区大小：根据个人需求，调整Windows分区的大小，然后点击“安装”。
4、安装Windows 10：将Windows 10镜像文件选择为安装源，选择Windows分区作为安装目标，然后点击“继续”开始安装。
5、安装Windows支持软件：安装完成后，Boot Camp Assistant会自动下载并安装Windows支持软件，按照提示完成安装。
三、切换操作系统1、重启电脑：安装完成后，重启Mac电脑。
2、选择操作系统：在重启过程中，按住“Option”键，直到出现启动菜单，选择Windows 10系统。
3、享受跨平台操作：现在你可以在Mac电脑上轻松切换到Windows 10系统，享受跨平台操作的便利。
结论：通过使用Boot Camp Assistant，我们可以在Mac电脑上安装Windows 10系统，实现跨平台操作。
这为我们提供了更多的选择和便利，让我们可以在不同的操作系统中自由切换，提高工作和生活的效率。
未来，随着技术的不断发展，我们可以期待更多跨平台操作的创新和改进。
标签： 注意：本站所刊载的文章均为学习交流之用，请勿用于商业用途。
对于商业使用，请联系各自版权所有者，否则法律问题自行承担。
Win7系统升级指南：全面解析升级步骤与要点 Win7系统损坏修复教程：详细步骤助你快速解决问题 Mac装Win10，轻松实现跨平台操作 分类于： 回答于：2023-12-01 简介：在现如今的信息时代，人们对于跨平台操作的需求越来越高。
本文将介绍如何在Mac电脑上安装Windows 10系统，实现跨平台操作，让你轻松享受不同操作系统的便利。
工具原料：品牌型号：MacBook Pro操作系统版本：macOS Catalina软件版本：Boot Camp Assistant 6.1.0一、准备工作1、备份重要数据：在安装Windows 10之前，建议先备份Mac电脑上的重要数据，以防意外情况发生。
2、下载Windows 10镜像文件：从微软官网下载Windows 10的镜像文件，确保下载的版本与你的电脑兼容。
二、使用Boot Camp Assistant安装Windows 101、打开Boot Camp Assistant：在Mac电脑上，打开“应用程序”文件夹，找到“实用工具”文件夹，然后双击打开“Boot Camp Assistant”。
2、创建Windows分区：在Boot Camp Assistant中，选择“继续”并勾选“创建Windows 10安装盘”和“下载最新的Windows支持软件”，然后点击“继续”。
3、调整分区大小：根据个人需求，调整Windows分区的大小，然后点击“安装”。
4、安装Windows 10：将Windows 10镜像文件选择为安装源，选择Windows分区作为安装目标，然后点击“继续”开始安装。
5、安装Windows支持软件：安装完成后，Boot Camp Assistant会自动下载并安装Windows支持软件，按照提示完成安装。
三、切换操作系统1、重启电脑：安装完成后，重启Mac电脑。
2、选择操作系统：在重启过程中，按住“Option”键，直到出现启动菜单，选择Windows 10系统。
3、享受跨平台操作：现在你可以在Mac电脑上轻松切换到Windows 10系统，享受跨平台操作的便利。
结论：通过使用Boot Camp Assistant，我们可以在Mac电脑上安装Windows 10系统，实现跨平台操作。
这为我们提供了更多的选择和便利，让我们可以在不同的操作系统中自由切换，提高工作和生活的效率。
未来，随着技术的不断发展，我们可以期待更多跨平台操作的创新和改进。
菜科网系统致力于解决 Windows 系统重装解决方案，提供高效、安全、免费的系统重装服务。
华硕Win8换Win7，轻松实现系统降级
软件支持 在线重装、U盘制作、自定义重装 等多种模式。
简介：华硕Win8换Win7，轻松实现系统降级工具原料：系统版本：Windows 8品牌型号：华硕电脑软件版本：Windows 7一、为什么要降级在使用华硕Win8电脑的过程中，很多用户发现Win8系统与他们的使用习惯不太相符，界面设计复杂，操作不够直观。
因此，许多用户希望将系统降级为Win7，以获得更好的使用体验。
下面将介绍如何轻松实现系统降级。
二、备份重要数据在进行系统降级之前，首先需要备份重要的数据。
这包括个人文件、照片、音乐等。
可以使用外部存储设备，如移动硬盘或U盘，将这些数据复制到安全的地方。
这样可以避免在降级过程中丢失重要的文件。
三、安装Win7系统在备份完数据后，接下来就是安装Win7系统。
首先需要准备一个Win7安装盘或U盘。
将其插入电脑，并重启电脑。
在启动过程中，按照屏幕上的提示进入安装界面。
选择自定义安装选项，将Win7系统安装到电脑上。
安装完成后，系统会要求设置一些基本信息，如用户名、密码等。
根据提示进行设置，并等待系统完成安装。
四、恢复数据和设置安装完成后，可以将之前备份的数据复制回电脑。
同时，还需要重新安装一些常用的软件和驱动程序。
这样就可以恢复到之前的使用环境。
总结：通过以上步骤，我们可以轻松实现华硕Win8系统的降级。
这样可以让用户更好地适应自己的使用习惯，获得更好的使用体验。
如果你也对Win8系统不太满意，不妨尝试一下降级操作。
标签： 注意：本站所刊载的文章均为学习交流之用，请勿用于商业用途。
对于商业使用，请联系各自版权所有者，否则法律问题自行承担。
Win7系统升级指南：全面解析升级步骤与要点 Win7系统损坏修复教程：详细步骤助你快速解决问题 华硕Win8换Win7，轻松实现系统降级 分类于： 回答于：2023-11-16 简介：华硕Win8换Win7，轻松实现系统降级工具原料：系统版本：Windows 8品牌型号：华硕电脑软件版本：Windows 7一、为什么要降级在使用华硕Win8电脑的过程中，很多用户发现Win8系统与他们的使用习惯不太相符，界面设计复杂，操作不够直观。
因此，许多用户希望将系统降级为Win7，以获得更好的使用体验。
下面将介绍如何轻松实现系统降级。
二、备份重要数据在进行系统降级之前，首先需要备份重要的数据。
这包括个人文件、照片、音乐等。
可以使用外部存储设备，如移动硬盘或U盘，将这些数据复制到安全的地方。
这样可以避免在降级过程中丢失重要的文件。
三、安装Win7系统在备份完数据后，接下来就是安装Win7系统。
首先需要准备一个Win7安装盘或U盘。
将其插入电脑，并重启电脑。
在启动过程中，按照屏幕上的提示进入安装界面。
选择自定义安装选项，将Win7系统安装到电脑上。
安装完成后，系统会要求设置一些基本信息，如用户名、密码等。
根据提示进行设置，并等待系统完成安装。
四、恢复数据和设置安装完成后，可以将之前备份的数据复制回电脑。
同时，还需要重新安装一些常用的软件和驱动程序。
这样就可以恢复到之前的使用环境。
总结：通过以上步骤，我们可以轻松实现华硕Win8系统的降级。
这样可以让用户更好地适应自己的使用习惯，获得更好的使用体验。
如果你也对Win8系统不太满意，不妨尝试一下降级操作。
菜科网系统致力于解决 Windows 系统重装解决方案，提供高效、安全、免费的系统重装服务。
