后使用快捷导航没有帐号？
瞎jb扯蛋,ros的软件也是有限制的居然不懂
查看: 2625|
摘要: 千兆网卡双口的支持LAN和wan使用。装在ROS上。修理店接待人员问：“n好，请问n的ROS出了什么ROS。修理店接待人员:“不一样的，高级工程师水平高，什么疑难ROS的ROS都能修理好，修好的返修率也明显低于工程师，但是修 ...
千兆网卡双口的支持LAN和wan使用。装在ROS上。修理店接待人员问：“n好，请问n的ROS出了什么ROS。修理店接待人员:“不一样的，高级工程师水平高，什么疑难ROS的ROS都能修理好，修好的返修率也明显低于工程师，但是修理费相对高一点，所以这个由顾客您自己选择”。最后，工程师对院长说们店实行ROSROS，请n去提货柜台提货。这个ip改不了的?。不是ip是MAC。现在ROS破解版用的是什么版本。大蜘蛛安装检查ROS网卡都检测通过。就是安装过程中无法找到安装介质。mountessentialkernel-basefilesyste。用虚拟机安装的。装好后重启一直在找ROS安装什么核心东西。是ISO镜像安装的。cannotfindormountrootdevice。都是用ISO安装的。没光盘w量产到U盘去。要什么版本的。不好意思没那么落后的版本。最新的ROS不是官方网站有得下载。估计n从来不看说明的人，人家一个ISO里面就带有几个版本了，就看n要什么版本就装什么版本，有得选择的。运营商支持n多拨。不是吧，很简单，找一个ROS，两台ROS，把n的ROS插到ROS上，用两台ROS用同一个帐号拨号。就是说不能多次拨号。谁会调磊科路由器帮w看看。是磊科什么型号的路由。才不会告诉nw都没有用过磊科的东西。主要的调调就行都调那些限速w调了。ip地址改了不知道对不对。是做哪方面，是PPPOE还是什么。意思wan2没有连上网，是不是。那个还没接上网吧里用着呢一会w去接去。首先看n的内网正常不，正常的最好不要理，不然，什么都理的话，路由性能会下降的，一般的不需要调的可以不理的。有时搞错一个会更慢的。4M光纤带30台机子会卡。ip地址怎么分这上面看不懂。看来南方这边的ROS是不够用了。百兆的ROS百兆的路由就这样了。啦了一条100M的下载都达不到3。原来40M每秒6M稳定。所以没交钱-自动停了。ROS未找到磁盘控制芯片不支持。在w家西安那边光纤LAN入户的都能达到20M入户每月199费用。现在ROS不好做了w这么便宜还要送话费。有谁知道光纤线多少钱一米。先去ROS一下光纤的分类吧起码了解下。ROS会自动重启。就是突然一个星期或者十几天自动重启下没设置自动重启的。ROS终于下岗了。用U盘当起动盘好象不稳定吧。咱们平时用的ROS路由器全是硬的。ROS添加一个无线网卡，变成无线路由，ROS强。ROS用什么版本?。艾普现在推出２０Ｍ光纤　不知道效果怎么样。请教一下谁会设置烽火的AN5506-04-B光ROS光ROS。ROS用户手册的密码是多少。提供ROS50M对等光纤帐号。提供ROS50M对等光纤帐号。当然，是黑帐号，正规帐号那有那么便宜a，正规帐号也不能多拨。哪位兄弟能介绍一下，哪里有条形码等级检测ROS下载。谢谢~~~。请问ROS在虚拟机上显示没插ROS怎样解决。二级路由会不会影响ROSQOS。用了ROS路由为什么玩坦克世界ROS会弹出莫名其妙的声音?。用的是哪个版本的。20M光纤加2条4MAD能带多少机。20M光纤加2条4MAD光纤上行4。有遇到ROS路由，网页访问慢的ROS。用ROS，6条线，3条ROS，3条网通，怎么点双线开启的。谁知道什么电子卡好些，做ROS路由。一个下载端口最高速度是2MB左右最高可以达到8M这是什么情况是不是端口给限速了。同时在线800ROS需要什么配置。那肯定是给限速了。谁有945+64MROS版的收一个。珠海这边有没有人用ROS呀。ROS终于升级好了。升级到了什么版本。在用0510版本。这个版本相当的好用呀。ROS终于升级好了。升级到了什么版本。这个版本相当的好用呀。在用0510版本。ROS老是打不开网页但是QQ能上知道为什么。pingQQ网址吧ping不通但是wpingw拨号上去的公网ip可以通为什么呢。ROS没隔离·。买个隔离ROS··n那ROS线回路了·。急求設置ROS教程。ROS售后太烂一个ROS拖了一个多月都没给解决。哎破烂后悔用ROS了。一般都在地区代理哪里买的··。ROS服务相当的不错是什么ROS。有些不一定是ROS的ROS。一根ROS光纤直接用ROS没事接路由在接ROS就打不开淘宝了。内网客户用二级路由估计接到LAN口上了~怎么解决内网DHCP混乱。说是不是路由的事。是n没有设置好吧。也感觉n没设置好。一共四台路由a三台带ROS的都有这个ROS一台ROS的就没ROS。用ROS探测后，把内网的DHCP服务关闭就好。客服第一次帮w设置过没解决说回去研究研究就没信了。简单ROS一根百兆ROS两根百兆内网接olt。现在想让web都走ROS结果打不开淘宝。多線負載。還有限速。都测试了ROS的售后也给设置过都不行。请问ROS破解版支持多wan口扩展。不要要先给w打过5000人民币过来，马上给n发链接。不连路由用ROS的可以是不是。奋斗,nTM去抢银行算了,买个正版ISP也不过3000块钱,n他娘要5000。对劳动者尊重,n还要卖破解版。自己都花钱从官方买的，还给n提供破解版。现在是有一个地方只有100台机,买个正版太不合算,想找个破解版。ROS人不多。但是那網絡總是很慢。所以想找個軟路由試下行不行而已。带宽是硬指标带宽就那么点换了软路由也无济于事。ROS是跨了区塸,很远的。用了一个破解的ROS,效果不好。从官方现在，然后安装ISP版，可以全功能试用15天，没任何限制。换个CF卡安装一下，又可以继续试用15天。开启双线，只能各用一条。其他各两条就不能使用。想问问，有没什么可以多条开启双线的这个功能。用的是什么版本。擦了ROS全部服务降到百分之一仅此一天。客户机ROS连上以后到不了一分钟就不能上网了但是断开在连接有能上一分钟左右然后又不能上了。是网卡坏了，重装个系统解决。不是的a不是所有的用户都是这样是个别的。在ROS那里在那时设置的。V8跟ROS6.15那个版本好用点。V8isp有破解。这个要怎么设置呢。水煮三国,发个V8isp破解链接。ROS个网站。就是别人在网页上直接可以进wROS这个网站。想它快点。有哪位会修改ROS的版本。人家想进n的网站的ROS网速够。曾经w见过有个V8的破解版。还以为三国n那么NB呢···V8都搞破解的了·。是正版，稳定安全。不考滤什么硬解版，有这个时间，买一个多好，不用整天担心这个担心那个的，多烦呀，活着多累呀。ND,正版太贵了。ROSn知道有多贵嘛，流控ROS，百为流控知道有多贵。有ROS谁来帮n解决找人解决要不要钱。不管做什么就看值与不值。ROS规定，太小气的不做，不好讲话的不做，斤斤计较的不做。不像这边ROS和广电，收费的时候服务相当的好，出故障了，半个月都不来，甚至过份的一个月都不来的都有，谁去使用这样ROS的产品。投诉根本没有用。ROS是一台机和一个ROS带很多机是不一样的。如何获得，上网ip的网址记录。是ROS6.1.5版本的。ROS，为什么打开工行的网银很慢。是ROS的光纤。网速慢和路由器有撒关系捏，安。其他网页全部正常，就工行的企业网银。ROS的ROSw的淘宝也遇到这个eROS。告诉w这是ROS的ROS，还是运营商的ROS。不能归结谁的ROS可能n换个路由就好了可能n换个接入商也好了只能说他们不兼容。还有个ROS，个人网银也正常，企业网银不行。请问有监控的电话m》。请问有监控的电话m》。有谁知道ROS在后台查看ip命令。学习，学习。怎麼玩的這樣。有沒有教程。發個吧。小胖OS能不能破解简单的路由器无线数字密码。ROS6.15可以直接升到V8。ROS好安装完后。可以正常使用。但是经常192.168.1.1攻击是怎么回事。可能有arp攻击了。有内网DHCP服务没有关闭。目测n的网名，应该是ROS100M，不过ROS公网ip地址很少。公网ip对个人和网吧来说意义不大。一条光纤线接了两个光纤收发器做叠加速度方面可以叠加。只要这两条线路都有独立的带宽就可以。直接光ROS出来的ROS接ROS测。光纤和光收发都是物理层的叠加和这些没有关系。修改租约时间为4小时，保存设置后，一点没变化。现在是这个情况，客房平时在线的人数是三四十个，dhcp范围是100-190，租期是12小时想把ip范围改大一些，租期改小一些。这个是什么ROSa，有办法解决。能理解但是n有没有想过客户如果是个ROS玩家n4个小时让他掉一次线。各位ROS。装了ROS。怎么每次打开网页都会自动跳出个ROS的窗口呢。有三个版本是哪个版本。那这个可以设置掉不要的。请教个ROSROS给指点一下。两个办公室相隔距离有1.5公里左右请问用什么办法实现局域网。拉光纤实现不了就vpn吧。在ROS里设置端口映射完后。怎么还是用不了的呢喃。端口映射用不了。ROS-699无限制ISO光盘怎么装。有ROS用ROS的没有。ROS怎么搞不了远程呢。上网ROS没有这么多。
上一篇：下一篇：
QQ：2000617
ROSABC.com
Powered by|||||9553下载：打造最放心的绿色安全下载站！
推荐软件：
推荐游戏：
推荐应用：
软件排行榜
7.4MB/中文
11.1MB/中文
139MB/中文
11.1MB/中文
590KB/中文
27.5MB/中文
900MB/中文
137MB/中文
66.6MB/中文
6.9MB/中文
11.3MB/中文
35.6MB/中文
900MB/中文
亿万僵尸军团PC中文破解版是一款僵尸末日题材的策略生存游戏，英文名为They Are Billions。在亿万僵尸军团破解版游戏中玩家帮助幸存的人类如何抵挡亿万僵尸的入侵，并重新夺回自己的家园。
戎马丹心汉匈决战steam中文破解版是一款基于骑马与砍杀战团引擎打造的多元素冒险游戏，在戎马丹心汉匈决战破解版游戏中玩家将体验依托文献、考古资料打造的真正战场和汉匈战役。
量子破碎PC中文破解版是一款基于电视剧剧本打造的第三人称冒险射击游戏，在量子破碎游戏中主角可以用移行幻影大法耍酷，或者说是像“闪电”那样的超级英雄正在利用超速发动时间悖论。
星球大战前线2中文破解版是一款以《星球大战前传3：西斯的复仇》为背景打造的星战题材冒险射击游戏，在星球大战前线2破解版游戏中玩家可以扮演绝地和西斯展开冒险和战斗。
索尼克力量PC中文破解版是一款充满挑战乐趣的动作冒险游戏，英文名为Sonic Forces，在索尼克力量PC版游戏中玩家将体验由第二代刺猬引擎打造的画面，还有全新人物与挑战任务。
和班尼特福迪一起攻克难关中文版是一款高难度的动作冒险游戏，在和班尼特福迪一起攻克难关游戏中玩家需要控制一个坐在缸里的人，用一把榔头不断往上爬，看起来简单但是非常难操作。
大神绝景版PC中文破解版是一款日本神话故事题材的创意冒险游戏，在大神绝景版PC版游戏中世界被妖怪所支配，失去缤纷色彩而了无生机，而玩家将扮演天照大神展开冒险并拯救人类。
仁王完整版PC官方中文正式版是由光荣制作的一款动作游戏，仁王PC正版游戏中玩家将来到群雄割据的战国时代，一个金发碧眼的混血武将，为了解开自己的身份之谜已然加入到战斗之中。
德军总部2新巨人中文破解版是一款采用虚幻四引擎打造的《德军总部》全新续作，在德军总部2新巨人破解版游戏中主人公BJ将深入纳粹成为一名间谍，执行各种特殊任务并体验全新黑科技。
刺客信条起源PC黄金版是一款大型的开放式动作冒险游戏，在刺客信条起源黄金版游戏汇总玩家将重返刺客兄弟会起源的最初时刻，揭开不为人知的黑暗秘密和被遗忘的神秘事件。
恶灵附身2中文破解版是一款第三人称恐怖动作冒险游戏，英文名为The Evil Within 2。在恶灵附身2破解版游戏中玩家将深入一个邪恶的世界，与各种狰狞的怪物战斗，拯救自己的女儿。
模拟人生4中文破解版是广受好评的《模拟人生》系列第四代作品，英文名为The Sims 4。在模拟人生4破解版游戏中玩家将体验新增的情感要素，与智能模拟人物交流，感受全新的模拟生活。
合金装备幸存PC中文破解版是一款继承了《合金装备5：幻痛》世界观设定的大型动作冒险游戏，在合金装备幸存破解版游戏中玩家将来到一个实验小岛进行冒险。
泰拉瑞亚：来世汉化版是一款非常好玩的动作沙盒类冒险游戏，在这款泰拉瑞亚的续作中玩家将探索更大的世界，发现新的物品和资源，击败各式各样的未知敌人，创造属于自己的家园。
异度之刃2PC中文破解版是人气RPG大作《异度之刃》最新正统续作，英文名为Xenoblade Chronicles 2。在异度之刃2PC版游戏中一个新英雄将踏上他寻找Elysium的征程，也将带领我们进入全新的游戏世界。
龙珠斗士Z中文破解版是一款由Arc System Works联合万代南梦宫开发并发行的一款龙珠格斗游戏，在龙珠斗士Z破解版游戏中玩家将看到高度还原的漫画角色以及令人热血沸腾的打斗特效。
战神4PC中文版是一款由索尼制作并发行动作冒险大作，这款战神4游戏中奎托斯将摆脱神的影子，作为普通人隐居北欧神话的新大陆。
圣歌PC中文正式版是一款拥有着巨大沙盒地图的高自由动作冒险游戏，英文名为Anthem。在这款圣歌游戏中玩家将来到科幻性极强的塔苏斯堡垒中开始冒险生涯，选择各种任务进行挑战。
怪物猎人世界PC中文版是一款全新打造的怪物猎人系列游戏续作，在怪物猎人世界游戏中玩家可以武装自己完成各项任务与各类可怕的怪物们战斗，在游戏的过程中逐步提升自己的狩猎技巧。
怪物猎人XX中文版是一款由Capcom开发并发行的3DS怪物猎人正统续作，在这款全新打造的怪物猎人XX游戏中含有6大全新要素：追加全新主题怪、更...
闪乱神乐：沙滩戏水PC中文版是一款以爆乳水战为主题的动作射击游戏，英文名为Senran Kagura：Peach Beach Splash。在这款PC版的闪乱神乐...
异度之刃2中文版是一款由任天堂制作发行的大型角色扮演游戏，英文名为Xenoblade Chronicles 2。是之前大热的人气之作《异度之刃》最新正...
单机游戏排行榜
18.7MB/中文
501MB/中文
3.4MB/中文
168MB/中文
470MB/中文
257MB/中文
55.5MB/中文
34.5MB/中文
33.8MB/中文
1.7GB/中文
151MB/中文
243MB/中文
8.1MB/简体中文
11MB/简体中文
0MB/简体中文
20.5MB/简体中文
19.6MB/简体中文
0MB/简体中文
18MB/简体中文
37.2MB/简体中文
10.1MB/简体中文
16MB/简体中文
6.1MB/简体中文
971KB/简体中文
114MB/简体中文
68MB/简体中文
28.73MB/简体中文
27.2MB/英文
26.9MB/简体中文
71MB/简体中文
89.5MB/简体中文
293.66MB/简体中文
66.04MB/简体中文
161.25MB/简体中文
66.04MB/简体中文
292MB/简体中文
软件分类更新
网络软件系统工具应用软件聊天联络图形图像多媒体类行业软件游戏娱乐编程开发安全相关硬件驱动设计素材范文大全手游电脑版最新专题
9553热门网络软件推荐
9553热门系统工具推荐
9553热门应用软件推荐
9553热门聊天联络推荐
9553热门图形图像推荐
9553热门多媒体类推荐
9553热门行业软件推荐
9553热门游戏娱乐推荐
9553热门编程开发推荐
9553热门安全相关推荐
9553热门硬件驱动推荐
9553热门设计素材推荐
9553热门范文大全推荐
9553热门手游电脑版推荐
9553热门专题推荐
友情链接QQ：谷歌浏览器(Google Chrome) 64.0. 正式版
投诉建议：
千万流量共享 百度高权重排名
软件大小： 43.66 MB
软件厂商：
软件语言： 简体中文
软件授权： 免费
软件评级：
应用平台：WinAll
更新时间：
谷歌浏览器Google Chrome是一款可让您更快速、轻松且安全地使用网络的浏览器。本站提供谷歌浏览器官方下载。Google Chrome的设计超级简洁，使用起来更加方便。谷歌浏览器最大的亮点就是其多进程架构，保护其不会因恶意网页和应用软件而崩溃。谷歌浏览器官方下载版是基于其他开放原始码软件所撰写，Chrome浏览器下载版目标是提升稳定性、速度和安全性，并创造出简单且有效率的使用者界面。谷歌浏览器官方下载版截图1谷歌浏览器官方下载版具有GPU硬件加速：当激活GPU硬件加速时，浏览那些含有大量图片之网站时可以更快渲染完成并使页面滚动时不会出现图像破裂的问题。谷歌浏览器支持多标签浏览，每个标签页面都在独立的“沙箱”内运行，一个标签页面的崩溃也不会导致其他标签页面被关闭。谷歌浏览器官方下载版截图2谷歌浏览器屏幕的绝大多数空间都被用于显示用户访问的站点，屏幕上不会显示其按钮和标志。为确保受到最新版安全性更新的保护，谷歌浏览器官方下载版会定期检查更新，以确保更新永远为最新版本。更新检查可确保会使用最新版的安全性功能与修正程序。截图3
功能特点：
1、速度谷歌浏览器(Google Chrome) 浏览器追求的是全方位的高速体验，它可以快速地从桌面上启动，并能迅速加载网页，而在运行复杂的网络应用时更是迅雷不及掩耳。截图42、简约谷歌浏览器(Google Chrome) 浏览器的窗口采用了清爽简洁的流线型设计。例如，您可以通过同一个框执行搜索和导航操作，还可以轻松快捷地随意排列标签页。3、安全性谷歌浏览器(Google Chrome) 浏览器通过以下功能为您提供更加安全的上网体验：内置的恶意软件和网上诱骗防护功能、自动更新（可确保您获得所有最新的安全修补程序）等。4、隐私设置谷歌浏览器(Google Chrome) 能够让您控制自己的隐私信息，同时还能帮助保护您在网上共享的信息。5、自定义您可以通过各种各样的方法来自定义 谷歌浏览器(Google Chrome) 浏览器，从而享受独一无二的体验。无论是更改设置，还是从 谷歌浏览器(Google Chrome) 网上应用店添加应用、扩展程序和主题背景都轻而易举。6、登录登录 谷歌浏览器(Google Chrome) 浏览器可让您在自己的所有上网设备上使用相同的书签、历史记录以及其他设置。这样还可以让您自动登录所有喜爱的 Google 服务。截图4
软件特色：
1、浏览速度更快·即搜即得搜索和导航操作可通过同一个框进行。在您输入内容时，系统会实时显示搜索结果和相关建议（包括您最近搜索过的内容和访问过的网站），供您自由选择，因此您可以快速获取所需的内容。通过多功能框进行搜索截图5·减少输入操作已经厌倦了反复填写信息相同的网络表单？使用自动填充功能，您只需点按一下，即可完成表单填写。该功能同样可跨设备使用，有助于省却在小屏幕上输入内容的麻烦。开始使用自动填充功能截图62、从上次停下的地方继续谷歌浏览器(Google Chrome) 可将您在计算机上打开的标签页、保存的书签和最近搜索过的内容同步到手机或平板电脑上，反之亦然。这意味着您可将自己在谷歌浏览器官方下载版中的内容和设置同步到所有的设备上。只需登录您的其他设备即可开始同步。3、定制自己专属的 谷歌浏览器(Google Chrome)借助 谷歌浏览器(Google Chrome) 主题背景、应用和扩展程序，您能够以自己喜欢的方式浏览网页。此外，您还可以将自己喜欢的网页设为书签和启动时的加载页，从而直接进入这些页面。在您完成 谷歌浏览器(Google Chrome) 的设置后，您的自定义设置将在您的所有设备间保持同步。
安装步骤：
1、双击打开从太平洋下载中心下载的谷歌浏览器Google 谷歌浏览器(Google Chrome)安装包2、即可立即使用谷歌浏览器Google 谷歌浏览器(Google Chrome)。
使用方法：
1、如何显示或隐藏书签栏？要开启或关闭书签栏，请按以下步骤操作：·在计算机上打开 谷歌浏览器(Google Chrome)。·点击右上角的“更多”更多。·依次选择书签 接着 显示书签栏。·或使用键盘快捷键：Windows、Linux 和 谷歌浏览器(Google Chrome) 操作系统：按 Ctrl + Shift + b。Mac：按 ? + Shift + b。截图72、如何选择主页？您可以控制在您点击“主页”图标 打开主页 后显示的网页。·在计算机上打开 谷歌浏览器(Google Chrome)。·依次点击右上角的“更多”图标 更多 接着 设置。截图8·在“外观”下方，开启显示“主页”按钮。·在“显示‘主页’按钮”下方，选择使用新标签页或自定义网页。截图9·此时，“主页”按钮便会显示在地址栏的左侧。截图10
常见问答：
1、如何解决无法在 谷歌浏览器(Google Chrome) 中播放视频的问题？如果 YouTube、Facebook 或其他网站上的视频无法在 谷歌浏览器(Google Chrome) 浏览器上正常播放（例如，视频无法加载、视频持续显示空白或导致 谷歌浏览器(Google Chrome) 卡住或崩溃），请尝试下方的问题排查提示。第 1 步：更新 谷歌浏览器(Google Chrome)您可能需要安装最新版 谷歌浏览器(Google Chrome) 才能播放视频。了解如何更新计算机和移动设备上的 谷歌浏览器(Google Chrome)。第 2 步：开启 JavaScript您可能需要开启 JavaScript 才能播放视频。例如，YouTube 视频必须在开启 JavaScript 的情况下才能正常运行。打开新的 谷歌浏览器(Google Chrome) 浏览器窗口。在地址栏中输入 谷歌浏览器(Google Chrome)://settings/content。截图11在“JavaScript”部分，选中允许所有网站运行 JavaScript（推荐）。截图12要关闭窗口，请点击完成。点击左上角的“刷新”按钮 重新载入。此操作会更新相应设置。第 3 步：重新设置互联网连接互联网可能会导致视频播放出现问题。请尝试按以下步骤重置该网络：关闭您的计算机或移动设备。拔掉调制解调器和无线路由器（如果它是一个单独的设备）的电源插头。等待大约一分钟。重新插上调制解调器的电源插头，然后一直等到所有指示灯都停止闪烁为止。如果您拔掉了路由器的电源插头，请将其重新插上，然后一直等到指示灯停止闪烁为止。打开您的计算机或移动设备，并尝试重新播放该视频。第 4 步：查看扩展程序、插件、缓存和 Cookie有些视频问题是由 谷歌浏览器(Google Chrome) 扩展程序、插件、缓存或浏览器数据中保存的内容所致。2、如何提升 Google 谷歌浏览器(Google Chrome) 的运行速度？要提升 谷歌浏览器(Google Chrome) 的运行速度，您可以按照下列提示操作。第 1 步：更新 谷歌浏览器(Google Chrome)当您将计算机上的 谷歌浏览器(Google Chrome) 更新至最新版时，它的运行速度会更快。更新 Google 谷歌浏览器(Google Chrome)。第 2 步：关闭所有未使用的标签页您打开的标签页越多，谷歌浏览器(Google Chrome) 的运行速度就越慢。关闭不需要的标签页可释放计算机上的资源。要关闭标签页，请按照以下步骤操作：·点击相应标签页上的“关闭”图标 关闭。·对于 Windows、Linux 和 谷歌浏览器(Google Chrome) 操作系统，请使用键盘快捷键 Ctrl + w。·对于 Mac，请使用键盘快捷键 ? + w。第 3 步：关闭或移除计算机上不需要的扩展程序扩展程序是一种可添加至计算机上的 谷歌浏览器(Google Chrome) 中且可帮助您实现更多操作的小程序。如果有些扩展程序您并未在使用，则可按照下列步骤将其关闭或移除，以提升 谷歌浏览器(Google Chrome) 的运行速度。·在计算机上打开 谷歌浏览器(Google Chrome)。·依次点击右上角的“更多”图标 更多 接着 更多工具 接着 扩展程序。截图13·要关闭某个扩展程序，请取消选中“已启用”旁边的复选框。·要删除不再需要的扩展程序，请点击移除图标 移除。第 4 步：确保已开启“网页预提取”功能您可以开启网络操作联想查询（预提取）功能，以便 Google 谷歌浏览器(Google Chrome) 能够更快速地打开网页。开启该功能后，谷歌浏览器(Google Chrome) 会预加载您可能会打开的链接。·在计算机上打开 谷歌浏览器(Google Chrome)。·依次点击右上角的“更多”图标 更多 接着 设置。·点击底部的显示高级设置。·在“隐私设置”部分，选中“使用联想查询服务更快速地加载网页”旁边的复选框。截图143、如何解决PDF 文件无法在 谷歌浏览器(Google Chrome) 中自动打开？·在计算机上打开 谷歌浏览器(Google Chrome)。·依次点击右上角的“更多”图标 更多 接着 设置。·点击底部的高级。·在“隐私设置和安全性”下方，点击内容设置。截图15·点击底部附近的 PDF 文档。截图16·关闭使用其他应用打开 PDF 文件。截图17·现在，当您点击 PDF 文件时，谷歌浏览器(Google Chrome) 将会自动打开这些文件。
更新日志：
谷歌浏览器Chrome Stable稳定版迎来v62正式版首版发布，详细版本号为v62.0.3202.62，上一个正式版v61.0.发布于9月22日，时隔26天Google又发布了新版Chrome浏览器，本次升级惯例更新了35项安全修复及稳定性改进。
编辑点评：
随着互联网的快速发展，网络上的浏览器可谓是眼花缭乱，然而浏览器作为我们上班兼日常的必备工具之一，有时候太繁杂也会给我们带来不便，小编认为谷歌浏览器(Google Chrome)就是一款相当轻便的浏览器，对比目前其他虽然功能众多，时常更新新鲜玩意的浏览器来说，谷歌浏览器官方下载版算是浏览器界的一股清流，至始至终都不会添加太多无关紧要的功能，设计风格让用户看起来很舒适简洁，最重要的是不会掺杂一些广告，可谓是办公人士的首选之一。
相关专题 选择浏览器还是看用户占有率比较可行和可信的，PConline提供最及时的2018浏览器下载排行榜,让你多众多的浏览器中知道浏览器哪个好,如百度浏览器IE浏览器,360安...共收集款软件 Mac浏览器能使浏览器运行快捷流畅且不卡不死，Mac浏览器具有自动网络收藏夹、独立播放网页视频、flash游戏提取操作等多项特色功能，并且兼容大部分用户使用习惯，支持多...共收集款软件 在Win10发布之初微软推出了全新的斯巴达浏览器（Spartan），作为IE新一代的接班人，但毕竟是初版产品，斯巴达浏览器在用户体验方面还不十分完善，还难免有些小bug...共收集款软件
大一新生们刚进入校园，想必都买了新电脑。大学生必备的电脑软件有哪些？常用的电脑软件又有哪些呢？小编呕心沥血整理了一批常用的电脑软件：浏览器、安全软件、聊天软件、播放器...共收集款软件
聚超值推荐
今日更新推荐
软件分类目录
同类软件下载排行
热门关键词
为您推荐：&figure&&img src=&https://pic4.zhimg.com/v2-a9c0b31c93e_b.jpg& data-rawwidth=&750& data-rawheight=&420& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic4.zhimg.com/v2-a9c0b31c93e_r.jpg&&&/figure&&p&&/p&&p&&/p&&p&&/p&&p&&/p&&p&&/p&&p&&/p&&p&&/p&&p&&/p&&p&&/p&&p&无论是在产品设计，还是在研发上，极简主义的应用简直无处不在。如果你和我一样热衷极简主义，那么本文分享的内容，一定是你的“菜”。在文章中，我们将与大家分享 20 个最佳的极简 CSS 框架，它们能够为你提供建站必备的组件，帮助你节省时间。Have Fun!&/p&&h2&&b&1. &a href=&http://link.zhihu.com/?target=https%3A//picturepan2.github.io/spectre/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Spectre&/a&&/b&&/h2&&figure&&img src=&http://pic1.zhimg.com/v2-78a62ede45a4f3f801b04_b.jpg& data-rawwidth=&690& data-rawheight=&299& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&http://pic1.zhimg.com/v2-78a62ede45a4f3f801b04_r.jpg&&&/figure&&p&这是一个轻量级、响应式的现代 CSS 框架，用于快速建站和扩展程序的开发。它通过最佳编码实践和一致性的设计语言，为排版与元素、基于 Flexbox 的响应布局系统、CSS 组件提供了基本样式。&/p&&blockquote&&b&项目地址：【&a href=&http://link.zhihu.com/?target=https%3A//picturepan2.github.io/spectre/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&2. &a href=&http://link.zhihu.com/?target=http%3A//jerryjappinen.com/layers/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Layers&/a&&/b&&/h2&&figure&&img src=&http://pic1.zhimg.com/v2-dcf059e643b0_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&http://pic1.zhimg.com/v2-dcf059e643b0_r.jpg&&&/figure&&p&Layers CSS是一个针对实例的 CSS 框架。它具备轻量级、零依赖等特性。&/p&&blockquote&&b&项目地址：【&a href=&http://link.zhihu.com/?target=http%3A//jerryjappinen.com/layers/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&3. &a href=&http://link.zhihu.com/?target=http%3A//milligram.io/index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Milligram&/a&&/b&&/h2&&figure&&img src=&http://pic2.zhimg.com/v2-bfcb82791ee1_b.jpg& data-rawwidth=&690& data-rawheight=&311& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&http://pic2.zhimg.com/v2-bfcb82791ee1_r.jpg&&&/figure&&p&Milligram 提供了极简样式设置，便于你快速、简洁的开启建站之旅。虽然它不是一个 UI 框架，但它的设计理念却是以提供优秀的性能、高效的开发效率以及最少的属性重置而构建的。同时，它也是轻量的，在 Gzip 压缩后，它只有 2KB 大小。&/p&&blockquote&&b&项目地址：【&a href=&http://link.zhihu.com/?target=http%3A//milligram.io/index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&4. &a href=&http://link.zhihu.com/?target=https%3A//www.cutestrap.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Cutestrap&/a&&/b&&/h2&&figure&&img src=&http://pic2.zhimg.com/v2-9cf99cd40f83dc03cc9c0d_b.jpg& data-rawwidth=&690& data-rawheight=&313& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&http://pic2.zhimg.com/v2-9cf99cd40f83dc03cc9c0d_r.jpg&&&/figure&&p&如果你在寻找功能丰富的组件，那么 Bootstrap、Foundation 这类框架将会是你的最佳选择。但是，如果你想选择的框架大小是在 normalize.css 与一个完整框架范围之间， Cutestrap 或许是个不错的选择。它在压缩后仅有 8K 大小，可作为 Bootstrap 的轻量级替代方案。&/p&&blockquote&&b&项目地址：【&a href=&http://link.zhihu.com/?target=https%3A//www.cutestrap.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&5. &a href=&http://link.zhihu.com/?target=https%3A//github.com/mobi-css/mobi.css& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Mobi&/a&&/b&&/h2&&figure&&img src=&http://pic3.zhimg.com/v2-410abc302faba85de7f9de6_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&http://pic3.zhimg.com/v2-410abc302faba85de7f9de6_r.jpg&&&/figure&&p&Mobi.css 是一个轻量级、可扩展、移动优先的 CSS 框架。它专注于细节，对于内容丰富的网页能够提供优质的用户体验。虽然，它专注移动端，但桌面客户端的体验也是很棒的。&/p&&blockquote&&b&项目地址：【&a href=&http://link.zhihu.com/?target=https%3A//github.com/mobi-css/mobi.css& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&6. &a href=&http://link.zhihu.com/?target=https%3A//github.com/mobi-css/mobi.css& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Hack&/a&&/b&&/h2&&figure&&img src=&http://pic4.zhimg.com/v2-9e78a3bb570d17692e7f_b.jpg& data-rawwidth=&690& data-rawheight=&435& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&http://pic4.zhimg.com/v2-9e78a3bb570d17692e7f_r.jpg&&&/figure&&p&Hack 是一个极度简易的 CSS 框架。这有一些&a href=&http://link.zhihu.com/?target=https%3A//github.com/egoist/hack/wiki/Showcase& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&示例&/a&，你可以了解下。&/p&&blockquote&&b&项目地址：【&a href=&http://link.zhihu.com/?target=https%3A//github.com/mobi-css/mobi.css& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&7. &a href=&http://link.zhihu.com/?target=http%3A//usewing.ml/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Wing&/a&&/b&&/h2&&figure&&img src=&http://pic3.zhimg.com/v2-ae9bf540efc0446a9ede12_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&http://pic3.zhimg.com/v2-ae9bf540efc0446a9ede12_r.jpg&&&/figure&&p&一个基于极简主义设计理念的漂亮的 CSS 框架。&/p&&blockquote&&b&项目地址：【&a href=&http://link.zhihu.com/?target=http%3A//usewing.ml/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&8. &a href=&http://link.zhihu.com/?target=https%3A//oxal.org/projects/sakura/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Sakura&/a&&/b&&/h2&&figure&&img src=&http://pic2.zhimg.com/v2-93ff6cc3e3a889de77a73c_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&http://pic2.zhimg.com/v2-93ff6cc3e3a889de77a73c_r.jpg&&&/figure&&p&一个易于定制的极简 CSS 框架/主题。&/p&&blockquote&&b&项目地址：【&a href=&http://link.zhihu.com/?target=https%3A//oxal.org/projects/sakura/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&9. &a href=&http://link.zhihu.com/?target=http%3A//minicss.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Mini&/a&&/b&&/h2&&figure&&img src=&http://pic4.zhimg.com/v2-b07e7cc0ee5d58e7996fcf_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&http://pic4.zhimg.com/v2-b07e7cc0ee5d58e7996fcf_r.jpg&&&/figure&&p&Mini 作为一个 Gzip 压缩后不到 7KB 大小的极简框架，它具备响应式、易用性和定制性等特性，旨在为你提供尽可能多的功能。由于它是轻量框架，不仅让你创建的网站和应用程序具备更快的加载速度，而且它所提供的组件可以满足基本的开发要求。&/p&&blockquote&&b&项目地址：【&a href=&http://link.zhihu.com/?target=http%3A//minicss.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&10. &a href=&http://link.zhihu.com/?target=http%3A//www.pavilion.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Pavilion&/a&&/b&&/h2&&figure&&img src=&http://pic1.zhimg.com/v2-340fefbdf590bdc001b404_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&http://pic1.zhimg.com/v2-340fefbdf590bdc001b404_r.jpg&&&/figure&&p&Pavilion 是一个简易的 CSS 框架，适合那些不喜欢使用其他框架中附带预定义 UI 组件的开发人员。如果你正在寻找一个简单、轻量、可订制的，并且不会出现代码膨胀的 CSS 框架，Pavilion 将是个不错的选择。&/p&&blockquote&&b&项目地址：【&a href=&http://link.zhihu.com/?target=http%3A//www.pavilion.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&11. &a href=&http://link.zhihu.com/?target=http%3A//corecss.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Core CSS&/a&&/b&&/h2&&figure&&img src=&http://pic3.zhimg.com/v2-4d343c63bd7edd332c88e_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&http://pic3.zhimg.com/v2-4d343c63bd7edd332c88e_r.jpg&&&/figure&&p&这是一个构建轻量级响应式网站的前端框架，它没有内置预设元素和动画，只提供了一个超简单的网格体系 – 即它的列是浮动的，行是 self-clearing，而分界点则是按逻辑均匀的分布。你可以按照想要的工作方式，进行定制与使用。&/p&&blockquote&&b&项目地址：【&a href=&http://link.zhihu.com/?target=http%3A//corecss.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&12. &a href=&http://link.zhihu.com/?target=https%3A//github.com/siimple/siimple& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Siimple&/a&&/b&&/h2&&figure&&img src=&http://pic2.zhimg.com/v2-79c8e048b1af8a8e5fe3a28e08aa58b1_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&http://pic2.zhimg.com/v2-79c8e048b1af8a8e5fe3a28e08aa58b1_r.jpg&&&/figure&&p&Siimple 是一个助你打造扁平化网站风格的轻量、响应式的开源框架。它内置了 SASS / SCSS，为你的网页设计提供了简洁的开始。&/p&&blockquote&&b&项目地址：【&a href=&http://link.zhihu.com/?target=https%3A//github.com/siimple/siimple& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&13. &a href=&http://link.zhihu.com/?target=http%3A//dropbox.github.io/scooter/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Scooter&/a&&/b&&/h2&&figure&&img src=&http://pic1.zhimg.com/v2-ef4ca94c54f_b.jpg& data-rawwidth=&690& data-rawheight=&357& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&http://pic1.zhimg.com/v2-ef4ca94c54f_r.jpg&&&/figure&&p&专注为 Dropbox 提供基础样式、CSS 组件以及快速静态原型的 SCSS 框架。&/p&&blockquote&&b&项目地址：【&a href=&http://link.zhihu.com/?target=http%3A//dropbox.github.io/scooter/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&14. &a href=&http://link.zhihu.com/?target=http%3A//workless.ikreativ.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Workless&/a&&/b&&/h2&&figure&&img src=&http://pic1.zhimg.com/v2-460b66c845b10a98879e40_b.jpg& data-rawwidth=&690& data-rawheight=&353& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&http://pic1.zhimg.com/v2-460b66c845b10a98879e40_r.jpg&&&/figure&&p&打造更快 Web 应用程序的开源 HTML, CSS 与 JS 框架。&/p&&blockquote&&b&项目地址：【&a href=&http://link.zhihu.com/?target=http%3A//workless.ikreativ.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&15. &a href=&http://link.zhihu.com/?target=http%3A//responsivebp.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Responsive&/a&&/b&&/h2&&figure&&img src=&http://pic3.zhimg.com/v2-c532af1fb04b42c013c44a_b.jpg& data-rawwidth=&690& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&http://pic3.zhimg.com/v2-c532af1fb04b42c013c44a_r.jpg&&&/figure&&p&一个功能强大、对开发人员友好的，用于构建响应式网站的轻量级前端框架。&/p&&blockquote&&b&项目地址：【&a href=&http://link.zhihu.com/?target=http%3A//responsivebp.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&16. &a href=&http://link.zhihu.com/?target=http%3A//kouto-swiss.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Kouto swiss&/a&&/b&&/h2&&figure&&img src=&http://pic2.zhimg.com/v2-d83c83c5a4faa1d4b2cc41a52f8f37e1_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&http://pic2.zhimg.com/v2-d83c83c5a4faa1d4b2cc41a52f8f37e1_r.jpg&&&/figure&&p&专注于 Stylus 的完整 CSS 框架。它的灵感源自流行的预处理工具库，例如 nib、compass、bourbon.&/p&&blockquote&&b&项目地址：【&a href=&http://link.zhihu.com/?target=http%3A//kouto-swiss.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&17. &a href=&http://link.zhihu.com/?target=http%3A//concisecss.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Concise&/a&&/b&&/h2&&figure&&img src=&http://pic1.zhimg.com/v2-af51f6e38_b.jpg& data-rawwidth=&690& data-rawheight=&369& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&http://pic1.zhimg.com/v2-af51f6e38_r.jpg&&&/figure&&p&Concise 为你的网站设计提供了坚实的基础。它提供了一套仅包含基础样式的简洁框架，并包含了大量开箱即用的功能。同时，你也可以通过使用内核的附加组件进行功能性扩展。&/p&&blockquote&&b&项目地址：【&a href=&http://link.zhihu.com/?target=http%3A//concisecss.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&18. &a href=&http://link.zhihu.com/?target=http%3A//penguin.docs.bqws.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Penguin&/a&&/b&&/h2&&figure&&img src=&http://pic1.zhimg.com/v2-256bceffebeab_b.jpg& data-rawwidth=&690& data-rawheight=&272& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&http://pic1.zhimg.com/v2-256bceffebeab_r.jpg&&&/figure&&p&Penguin 是一个由 Sass 构建的轻量级、可扩展的前端框架，用于启动任何项目。&/p&&blockquote&&b&项目地址：【&a href=&http://link.zhihu.com/?target=http%3A//penguin.docs.bqws.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&19. &a href=&http://link.zhihu.com/?target=http%3A//getbase.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Base&/a&&/b&&/h2&&figure&&img src=&http://pic1.zhimg.com/v2-b142a62fc91bbdccf61fa_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&http://pic1.zhimg.com/v2-b142a62fc91bbdccf61fa_r.jpg&&&/figure&&p&一个稳固的响应式 HTML 与 CSS 框架。&/p&&blockquote&&b&项目地址：【&a href=&http://link.zhihu.com/?target=http%3A//getbase.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&20. &a href=&http://link.zhihu.com/?target=http%3A//kurisubrooks.com/caramel/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Caramel&/a&&/b&&/h2&&figure&&img src=&http://pic4.zhimg.com/v2-c42f5dee90c004ff43f2eb_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&http://pic4.zhimg.com/v2-c42f5dee90c004ff43f2eb_r.jpg&&&/figure&&p&Caramel 是一个简单、现代的完全响应式 Web 框架。你仅需要编写一次代码，即可获得在多平台上相同的效果。&/p&&blockquote&&b&项目地址：【&a href=&http://link.zhihu.com/?target=http%3A//kurisubrooks.com/caramel/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b& &/blockquote&&p&感谢你的阅读。若你有所收获，欢迎点赞与分享。&/p&&p&&b&注：&/b&&/p&&ol&&li&本文版权归原作者所有，仅用于学习与交流；&/li&&li&如需转载译文，烦请按下方注明出处信息，谢谢！&/li&&/ol&&blockquote&英文原文：&a href=&http://link.zhihu.com/?target=http%3A//bashooka.com/resources/20-best-minimal-css-frameworks-2017/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&20 Best Minimal CSS Frameworks 2017&/a&&br&作者：HENRI WIJAYA&br&译者：&a href=&http://link.zhihu.com/?target=http%3A//weibo.com/itlion114/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&IT程序狮&/a&&br&译文地址：&a href=&http://link.zhihu.com/?target=http%3A//www.jianshu.com/p/976cb95b31a3& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&jianshu.com/p/976cb95b3&/span&&span class=&invisible&&1a3&/span&&span class=&ellipsis&&&/span&&/a&&/blockquote&
无论是在产品设计，还是在研发上，极简主义的应用简直无处不在。如果你和我一样热衷极简主义，那么本文分享的内容，一定是你的“菜”。在文章中，我们将与大家分享 20 个最佳的极简 CSS 框架，它们能够为你提供建站必备的组件，帮助你节省时间。Have Fun!1.
&figure&&img src=&https://pic1.zhimg.com/v2-9c37b66e7d93be1bc5ac47_b.jpg& data-rawwidth=&640& data-rawheight=&333& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-9c37b66e7d93be1bc5ac47_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-7d20facdeb428a6334f4a_b.jpg& data-rawwidth=&1371& data-rawheight=&200& class=&origin_image zh-lightbox-thumb& width=&1371& data-original=&https://pic4.zhimg.com/v2-7d20facdeb428a6334f4a_r.jpg&&&/figure&&p&&b&大家好，我是珍妮。&/b&&/p&&p&又临近毕业季了，作为一个已经毕业多年的小阿姨，显然忘记当年写毕业论文的感觉。但是一周WORD基础训练营的宝宝们，每次对论文进行哀嚎的时候，珍妮都会身同感受。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-a9d1cd7c45f5e41854c0bef59daa828c_b.jpg& data-rawwidth=&1369& data-rawheight=&1040& class=&origin_image zh-lightbox-thumb& width=&1369& data-original=&https://pic1.zhimg.com/v2-a9d1cd7c45f5e41854c0bef59daa828c_r.jpg&&&/figure&&br&&p&为什么，因为它们经常都是在深夜给我发求助微信（心疼）&/p&&p&温馨提示，此文结合&a href=&https://link.zhihu.com/?target=http%3A//mp.weixin.qq.com/s%3F__biz%3DMzIxMjI1MDcyMQ%3D%3D%26mid%3D%26idx%3D1%26sn%3D12ba1f5facc2%26chksm%3Da03e20ead2751064bab98a58c75eb7e29a5d4ff31ce215f3f2a16cb755e%26scene%3D21%23wechat_redirect& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《六步搞定毕业论文排版,导师都为你转身了》&/a&一起看，效果甚佳。&/p&&p&&strong&【1】 哼，目录不能识别标题样式&/strong&&/p&&p&「应用了样式，可以自动生成目录。」&/p&&p&可是，已经对标题设置了样式，但是【引用】-【目录】：未找到该目录项&/p&&figure&&img src=&https://pic1.zhimg.com/v2-ad7534c07_b.jpg& data-rawwidth=&1747& data-rawheight=&777& class=&origin_image zh-lightbox-thumb& width=&1747& data-original=&https://pic1.zhimg.com/v2-ad7534c07_r.jpg&&&/figure&&p&&strong&段落的大纲级别，才是生成自动目录的关键。&/strong&&/p&&p&① 一般建议，设置标题的样式的时候，直接对内置的标题样式进行修改（因为已经设置好了对应的大纲级别，方便目录自动识别）&/p&&p&② 创建的标题样式，需要手动在对应样式-【修改】-【格式】-【段落】-【缩进常规】-设置对应的【大纲级别】，就可以在导航窗格看到对应的文档结构，也可以自动生成目录了。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-b06784d3ffb8c06ec0d489e9cb0c1a22_b.jpg& data-rawwidth=&1742& data-rawheight=&762& class=&origin_image zh-lightbox-thumb& width=&1742& data-original=&https://pic1.zhimg.com/v2-b06784d3ffb8c06ec0d489e9cb0c1a22_r.jpg&&&/figure&&p&&strong&【2】可怕，我的表格怎么会跑&/strong&&/p&&p&表格目测很完美，但是当编辑表格的时候，它…居然被拆成了一半，还会跑到别的表格上。快崩溃了，还是没办法还原。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-d05afcf727cde476e0620_b.jpg& data-rawwidth=&1539& data-rawheight=&667& class=&origin_image zh-lightbox-thumb& width=&1539& data-original=&https://pic3.zhimg.com/v2-d05afcf727cde476e0620_r.jpg&&&/figure&&br&&p&编辑表格的时候，表格出现重叠或者错乱。&/p&&p&一般情况下，因为表格的属性设置了文字环绕。&strong&不仅图片有文字环绕，表格也有噢。&/strong&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-bdd87bd74f_b.jpg& data-rawwidth=&1111& data-rawheight=&685& class=&origin_image zh-lightbox-thumb& width=&1111& data-original=&https://pic2.zhimg.com/v2-bdd87bd74f_r.jpg&&&/figure&&p&① 选中表格，右键设置【表格属性】-【表格】-【文字环绕】-设置为&strong&【无】&/strong&&/p&&br&&p&② 注意，将一个表格其中一部分复制出来变成一个新的表格。新表格的文字环绕方式会默认为环绕。&/p&&p&&strong&【3】为什么标题出现了小黑点？&/strong&&/p&&p&在应用内置的标题样式或者在图表插入题注的时候，都会自动出现小黑点。但是当打印的时候，它又不见了。究竟是什么？&/p&&p&这是WORD的格式标记，&strong&只会显示在屏幕上，不会出现在打印的页面上。&/strong&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-486c1b4a80d5ab319de4edb48d4508f7_b.jpg& data-rawwidth=&1531& data-rawheight=&346& class=&origin_image zh-lightbox-thumb& width=&1531& data-original=&https://pic1.zhimg.com/v2-486c1b4a80d5ab319de4edb48d4508f7_r.jpg&&&/figure&&p&这些格式标记，都有不同的作用，而且通过它们还可以一眼&strong&看穿你的文档的排版（呵呵）。&/strong&&/p&&p&而当【段落】-【换行和分页】，&strong&任意勾选或多选了【与下段同页】/【段前分页】/【段中不分页】&/strong&，光标所在的段落都会在段前出现小黑点。&/p&&br&&p&强迫症和处女座怎么办?&/p&&figure&&img src=&https://pic1.zhimg.com/v2-af31b871eaf6bc74361ca_b.jpg& data-rawwidth=&1006& data-rawheight=&817& class=&origin_image zh-lightbox-thumb& width=&1006& data-original=&https://pic1.zhimg.com/v2-af31b871eaf6bc74361ca_r.jpg&&&/figure&&p&其实这些&strong&格式标记都可以隐藏&/strong&，只要在【开始】-【段落】-【显示隐藏标记】或者CTRL+SHIFT+*。&/p&&p&&strong&【4】不仅有小黑点，还有小黑块！&/strong&&/p&&p&有时候设置好多级列表之后，打开文档突然变成了这样。（吓CRY~）&/p&&p&导航窗格（文档结构图）及目录都能显示正常的编号，但是对应标题的编号都变成了小黑块。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-524defc089eab3005103_b.jpg& data-rawwidth=&1435& data-rawheight=&1005& class=&origin_image zh-lightbox-thumb& width=&1435& data-original=&https://pic4.zhimg.com/v2-524defc089eab3005103_r.jpg&&&/figure&&p&这个小黑块不仅没办法删除，打印也能看见它。&/p&&p&目录和文档结构图能正常显示标题样式，其实只需要&strong&更新样式&/strong&就可以了。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-cdacfff3d8a7a_b.jpg& data-rawwidth=&1029& data-rawheight=&745& class=&origin_image zh-lightbox-thumb& width=&1029& data-original=&https://pic3.zhimg.com/v2-cdacfff3d8a7a_r.jpg&&&/figure&&br&&p&① 把光标定位在标题前，通过键盘的方向键左键，选中黑块。&/p&&p&② 点击对应的样式，&strong&右键【更新对应样式以匹配所选内容】&/strong&。&/p&&p&&strong&【5】页眉横线删删删&/strong&&/p&&p&每次设置页眉的时候，总有条讨厌的页眉横线删不掉。&/p&&p&可以选中页眉横线，选择【开始】-【字体】-【清除所有格式】或CTRL+SHIFT+N&/p&&figure&&img src=&https://pic4.zhimg.com/v2-cee70cdb7f990ebdee686_b.jpg& data-rawwidth=&1282& data-rawheight=&690& class=&origin_image zh-lightbox-thumb& width=&1282& data-original=&https://pic4.zhimg.com/v2-cee70cdb7f990ebdee686_r.jpg&&&/figure&&p&&strong&其实，WORD文档就是多个样式的集合。&/strong&&/p&&p&在样式集里找到页眉，设置【格式】-【边框】-设置为【无】，不需要再手动清除页眉横线。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-4207ccb49cc562e9b86b_b.jpg& data-rawwidth=&1292& data-rawheight=&695& class=&origin_image zh-lightbox-thumb& width=&1292& data-original=&https://pic2.zhimg.com/v2-4207ccb49cc562e9b86b_r.jpg&&&/figure&&p&&strong&只有真正理解了问题的本质，才能更好的解决以后的遇到的各种小问题。&/strong&&/p&&p&&strong&【6】这才是设置样式的打开方式&/strong&&/p&&p&「注意，前方高能」&/p&&p&总有人说，每次应用内置样式，默认的格式都奇丑无比，要手动调整好久…&/p&&figure&&img src=&https://pic2.zhimg.com/v2-c07c2c6d083d60ca953cd3_b.jpg& data-rawwidth=&1262& data-rawheight=&649& class=&origin_image zh-lightbox-thumb& width=&1262& data-original=&https://pic2.zhimg.com/v2-c07c2c6d083d60ca953cd3_r.jpg&&&/figure&&p&其实，在文档里面设置好对应的格式，选择想要应用的样式，右键【更新对应样式以匹配所选内容】，就可以直接设置好对应的样式的格式了！！&/p&&br&&p&&strong&【7】不会写论文。&/strong&&/p&&p&（哦）&/p&&br&&p&文末，&/p&&p&&b&珍妮祝愿你们都能顺利完成所有的论文：）&/b&&/p&&p&---------------------------------&/p&&p&其他阅读：&/p&&p&&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&还在不断收藏网站？其实只要掌握这些搜索技巧就够了。 - 一周进步&/a&&br&&/p&&p&&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&我有一个舍友，他腐烂在了大学宿舍。 - 一周进步&/a&&br&&/p&&p&&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&六步搞定毕业论文排版，导师都为你转身了。 - 一周进步&/a&&br&&/p&&p&&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&相信我，这篇文章足以颠覆你对Office的三观。- 一周进步&/a&&br&&/p&&p&&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&我是怎样每天看完100个公众号的？ - 一周进步&/a&&br&&/p&&p&&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&大学四年，Kindle竟成了我最好朋友。 - 一周进步&/a&&br&&/p&&p&&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&学会这三个排版技巧，普通人也能做设计。 - 一周进步&/a&&br&&/p&&p&&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&昨天，因为这篇EXCEL教程，我卸载了王者荣耀。 - 一周进步&/a&&br&&/p&&p&&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&如果你也担心密码泄露，请看下这份秘籍。 - 一周进步&/a&&br&&/p&&p&-------------------------------------------&/p&&p&本文作者：@JENNY邓燕珊（微信公众号：jenny3an）&/p&&p&更多干货欢迎阅读：&a href=&https://link.zhihu.com/?target=http%3A//mp.weixin.qq.com/mp/homepage%3F__biz%3DMzIxMjI1MDcyMQ%3D%3D%26hid%3D12%26sn%3D999f3d61a4d6ae2eb40a%23wechat_redirect& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&一周进步文章精选&/a&&/p&&p&一周进步（WeChatID：weekweekup），青年兴趣课堂，每周一场训练营，让年轻轰炸你的每个兴趣点。欢迎大家关注一周的微信公众号，和我们一起进步。&/p&&p&希望有助，顺颂时祺。&/p&
大家好，我是珍妮。又临近毕业季了，作为一个已经毕业多年的小阿姨，显然忘记当年写毕业论文的感觉。但是一周WORD基础训练营的宝宝们，每次对论文进行哀嚎的时候，珍妮都会身同感受。 为什么，因为它们经常都是在深夜给我发求助微信（心疼）温馨提示，此文…
&figure&&img src=&https://pic3.zhimg.com/v2-ceee1c4a8ca8e_b.jpg& data-rawwidth=&900& data-rawheight=&500& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&https://pic3.zhimg.com/v2-ceee1c4a8ca8e_r.jpg&&&/figure&上次分享的波尔卡圆点渐变教程&br&&p&我以为很流行&/p&&figure&&img src=&http://pic2.zhimg.com/v2-7abf6cbdcef9e1f1902173d_b.jpg& data-rawwidth=&640& data-rawheight=&356& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&http://pic2.zhimg.com/v2-7abf6cbdcef9e1f1902173d_r.jpg&&&/figure&&br&&p&结果我错了，原来现在最流行的是双重曝光啊：&br&&/p&&figure&&img src=&http://pic2.zhimg.com/v2-27aa7d4a72aedba6f5f1_b.png& data-rawwidth=&1813& data-rawheight=&731& class=&origin_image zh-lightbox-thumb& width=&1813& data-original=&http://pic2.zhimg.com/v2-27aa7d4a72aedba6f5f1_r.png&&&/figure&&br&&p&嘛~其实这种双重曝光的效果图并不难，需要只是一点想象力而已。&br&&/p&&br&&p&&strong&来~我们今天一起做一个双重曝光的人物海报吧&/strong&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-ff091eefd1d_b.jpg& data-rawwidth=&900& data-rawheight=&92& data-thumbnail=&http://pic2.zhimg.com/v2-ff091eefd1d_b.jpg& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&http://pic2.zhimg.com/v2-ff091eefd1d_r.gif&&&/figure&&br&&p&先把美美的热巴拖进ps里，ctrl+j复制一层：&br&&/p&&figure&&img src=&http://pic3.zhimg.com/v2-60a9fe2dab46dcfd32f39a_b.png& data-rawwidth=&1728& data-rawheight=&936& class=&origin_image zh-lightbox-thumb& width=&1728& data-original=&http://pic3.zhimg.com/v2-60a9fe2dab46dcfd32f39a_r.png&&&/figure&&br&&p&把人物抠出来，这里我们用通道抠图的方法，&strong&选择一个头发与背景相差最明显的通道。&/strong&&br&&/p&&br&&p&我这里是绿色通道，然后把通道复制一层：&br&&/p&&figure&&img src=&http://pic4.zhimg.com/v2-328a361b249ca_b.png& data-rawwidth=&1728& data-rawheight=&936& class=&origin_image zh-lightbox-thumb& width=&1728& data-original=&http://pic4.zhimg.com/v2-328a361b249ca_r.png&&&/figure&&br&&p&在绿色通道的复制层，ctrl+l调出色阶，拖动滑标，加强让人物的头发和背景的明暗对比：&br&&/p&&figure&&img src=&http://pic3.zhimg.com/v2-d6fcbf162a_b.png& data-rawwidth=&1728& data-rawheight=&936& class=&origin_image zh-lightbox-thumb& width=&1728& data-original=&http://pic3.zhimg.com/v2-d6fcbf162a_r.png&&&/figure&&br&&p&再用钢笔工具把人物不是黑色的部分全部描上：&br&&/p&&figure&&img src=&http://pic3.zhimg.com/v2-cd9bd9c106b_b.png& data-rawwidth=&1728& data-rawheight=&936& class=&origin_image zh-lightbox-thumb& width=&1728& data-original=&http://pic3.zhimg.com/v2-cd9bd9c106b_r.png&&&/figure&&br&&p&建立选区以后，填充黑色：&br&&/p&&figure&&img src=&http://pic1.zhimg.com/v2-30fa3d49e7ad862a4d3c_b.png& data-rawwidth=&1728& data-rawheight=&936& class=&origin_image zh-lightbox-thumb& width=&1728& data-original=&http://pic1.zhimg.com/v2-30fa3d49e7ad862a4d3c_r.png&&&/figure&&br&&p&然后按住ctrl鼠标点击绿色复制通道载入选区：&br&&/p&&figure&&img src=&http://pic3.zhimg.com/v2-15cb978e5bdd022b20a6_b.png& data-rawwidth=&1728& data-rawheight=&936& class=&origin_image zh-lightbox-thumb& width=&1728& data-original=&http://pic3.zhimg.com/v2-15cb978e5bdd022b20a6_r.png&&&/figure&&br&&p&回到图层面板以后反选一下：&br&&/p&&figure&&img src=&http://pic4.zhimg.com/v2-42f9c814aa8d7488aaa65b_b.png& data-rawwidth=&1728& data-rawheight=&936& class=&origin_image zh-lightbox-thumb& width=&1728& data-original=&http://pic4.zhimg.com/v2-42f9c814aa8d7488aaa65b_r.png&&&/figure&&br&&p&在选择并遮住里，进行细节的调整，可以用边缘调整工具在不够干净的地方调整一下，记得点净化颜色哦：&br&&/p&&figure&&img src=&http://pic4.zhimg.com/v2-4e46fcc5ee5cfc279f7fa06f_b.png& data-rawwidth=&1728& data-rawheight=&936& class=&origin_image zh-lightbox-thumb& width=&1728& data-original=&http://pic4.zhimg.com/v2-4e46fcc5ee5cfc279f7fa06f_r.png&&&/figure&&br&&p&然后新建黑白调整图层，参数默认就可以，不要忘记点红色方框处的图标让该调整图层只影响下面一层：&br&&/p&&figure&&img src=&http://pic3.zhimg.com/v2-ba212eea5fd8966e53bac6_b.png& data-rawwidth=&1728& data-rawheight=&936& class=&origin_image zh-lightbox-thumb& width=&1728& data-original=&http://pic3.zhimg.com/v2-ba212eea5fd8966e53bac6_r.png&&&/figure&&br&&p&再把事先准备好的街道素材拖进去，降低点不透明度便于观察，将它摆放至合适的位置。&br&&/p&&br&&p&这里我加了两个同样的街道素材：&/p&&figure&&img src=&http://pic1.zhimg.com/v2-8b4cb05d9c2b9df304db20_b.png& data-rawwidth=&1728& data-rawheight=&936& class=&origin_image zh-lightbox-thumb& width=&1728& data-original=&http://pic1.zhimg.com/v2-8b4cb05d9c2b9df304db20_r.png&&&/figure&&br&&p&觉得位置差不多了，就将不透明度调整回来，并且把两个街道图层合并：&br&&/p&&figure&&img src=&http://pic3.zhimg.com/v2-75cb61da6c5e5d61eca6ae_b.png& data-rawwidth=&1728& data-rawheight=&936& class=&origin_image zh-lightbox-thumb& width=&1728& data-original=&http://pic3.zhimg.com/v2-75cb61da6c5e5d61eca6ae_r.png&&&/figure&&br&&p&按住ctrl鼠标点击人物蒙板载入选区，然后将街道图层创建剪贴蒙板：&br&&/p&&figure&&img src=&http://pic3.zhimg.com/v2-a4ea100e9a8c9bb4f703186_b.png& data-rawwidth=&1728& data-rawheight=&936& class=&origin_image zh-lightbox-thumb& width=&1728& data-original=&http://pic3.zhimg.com/v2-a4ea100e9a8c9bb4f703186_r.png&&&/figure&&br&&p&因为是要做人物海报嘛，感觉画布小了一点，所以图像-画布大小，调整一下：&br&&/p&&figure&&img src=&http://pic4.zhimg.com/v2-bd01ff65ac2f_b.png& data-rawwidth=&1728& data-rawheight=&936& class=&origin_image zh-lightbox-thumb& width=&1728& data-original=&http://pic4.zhimg.com/v2-bd01ff65ac2f_r.png&&&/figure&&br&&p&把所有可见图层都点选上，然后将人物移动到画布中间的位置：&br&&/p&&figure&&img src=&http://pic4.zhimg.com/v2-bac8b8ce4ca86159ddf33_b.png& data-rawwidth=&1728& data-rawheight=&936& class=&origin_image zh-lightbox-thumb& width=&1728& data-original=&http://pic4.zhimg.com/v2-bac8b8ce4ca86159ddf33_r.png&&&/figure&&br&&p&在最下边新建一层，填充白色背景：&br&&/p&&figure&&img src=&http://pic3.zhimg.com/v2-fcfde946e4ba_b.png& data-rawwidth=&1728& data-rawheight=&936& class=&origin_image zh-lightbox-thumb& width=&1728& data-original=&http://pic3.zhimg.com/v2-fcfde946e4ba_r.png&&&/figure&&br&&p&将街道图层的混合模式改为变亮：&br&&/p&&figure&&img src=&http://pic2.zhimg.com/v2-39c3f705e71d2b73c735_b.png& data-rawwidth=&1728& data-rawheight=&936& class=&origin_image zh-lightbox-thumb& width=&1728& data-original=&http://pic2.zhimg.com/v2-39c3f705e71d2b73c735_r.png&&&/figure&&br&&p&再在街道图层上面新建黑白调整图层，参数大家可以自行设置。&br&&/p&&br&&p&&strong&重点是调整黄色，让把高光部分变成白色，让画面感觉是头发打开了一个缺口：&/strong&&/p&&figure&&img src=&http://pic3.zhimg.com/v2-05fc09dec77b151ceb84549e_b.png& data-rawwidth=&1728& data-rawheight=&936& class=&origin_image zh-lightbox-thumb& width=&1728& data-original=&http://pic3.zhimg.com/v2-05fc09dec77b151ceb84549e_r.png&&&/figure&&br&&p&街道图层添加图层蒙板，用画笔抹去不需要的部分。&br&&/p&&br&&p&例如脸部，&strong&注意！最好降低画笔的流量和饱和度哦：&/strong&&/p&&figure&&img src=&http://pic4.zhimg.com/v2-f56de710a6bf61e87bdf2663_b.png& data-rawwidth=&1728& data-rawheight=&936& class=&origin_image zh-lightbox-thumb& width=&1728& data-original=&http://pic4.zhimg.com/v2-f56de710a6bf61e87bdf2663_r.png&&&/figure&&br&&p&新建一个透明图层，选择一个自带的枫叶形状画笔，在头发的部位随意的画出点缀：&br&&/p&&figure&&img src=&http://pic4.zhimg.com/v2-ef520de2c8617_b.png& data-rawwidth=&1728& data-rawheight=&936& class=&origin_image zh-lightbox-thumb& width=&1728& data-original=&http://pic4.zhimg.com/v2-ef520de2c8617_r.png&&&/figure&&br&&p&新建一个渐变映射调整图层，选择一个自带的渐变色，将混合模式改为柔光：&br&&/p&&figure&&img src=&http://pic2.zhimg.com/v2-eca3b69f84fbbc0ff172b1d598d68add_b.png& data-rawwidth=&1728& data-rawheight=&936& class=&origin_image zh-lightbox-thumb& width=&1728& data-original=&http://pic2.zhimg.com/v2-eca3b69f84fbbc0ff172b1d598d68add_r.png&&&/figure&&br&&p&再在上面新建一个透明图层，混合模式改为柔光，选择一个自己喜欢的颜色，再把眼睛涂抹修饰一下：&br&&/p&&figure&&img src=&http://pic1.zhimg.com/v2-6e1647d8ffffe_b.png& data-rawwidth=&1728& data-rawheight=&936& class=&origin_image zh-lightbox-thumb& width=&1728& data-original=&http://pic1.zhimg.com/v2-6e1647d8ffffe_r.png&&&/figure&&br&&p&这样基本上就算搞定啦，最后再加个边框，加点文字，对整体的排版结构进行调整后，看看对比图吧：&br&&/p&&figure&&img src=&http://pic2.zhimg.com/v2-7c262eaef4d_b.jpg& data-rawwidth=&700& data-rawheight=&1244& class=&origin_image zh-lightbox-thumb& width=&700& data-original=&http://pic2.zhimg.com/v2-7c262eaef4d_r.jpg&&&/figure&&figure&&img src=&http://pic1.zhimg.com/v2-b627eb61b00afb0e8b4c_b.png& data-rawwidth=&850& data-rawheight=&1244& class=&origin_image zh-lightbox-thumb& width=&850& data-original=&http://pic1.zhimg.com/v2-b627eb61b00afb0e8b4c_r.png&&&/figure&&br&&br&&p&好啦，今天分享的内容就到这里&br&&/p&&p&后台&b&撩我&/b&获取素材和psd文件&/p&&p&记得交作业！&/p&&br&&p&本文由“野鹿志”发布&/p&&p&转载前请联系作者“马鹿野郎”&/p&&p&私转必究&/p&&figure&&img src=&https://pic1.zhimg.com/v2-ff091eefd1d_b.jpg& data-rawwidth=&900& data-rawheight=&92& data-thumbnail=&http://pic2.zhimg.com/v2-ff091eefd1d_b.jpg& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&http://pic2.zhimg.com/v2-ff091eefd1d_r.gif&&&/figure&&br&&p&Keep Curiosity Keep Learning&/p&&p&公众号ID：yeluzhi666&/p&&p&微信ID：maluyelang666&/p&
上次分享的波尔卡圆点渐变教程 我以为很流行 结果我错了，原来现在最流行的是双重曝光啊： 嘛~其实这种双重曝光的效果图并不难，需要只是一点想象力而已。 来~我们今天一起做一个双重曝光的人物海报吧 先把美美的热巴拖进ps里，ctrl+j复制一层： 把人物抠出…
&figure&&img src=&https://pic1.zhimg.com/v2-0fd556d567f54ac98c4a60_b.jpg& data-rawwidth=&1210& data-rawheight=&840& class=&origin_image zh-lightbox-thumb& width=&1210& data-original=&https://pic1.zhimg.com/v2-0fd556d567f54ac98c4a60_r.jpg&&&/figure&&blockquote&&p&原文链接：&a href=&http://link.zhihu.com/?target=https%3A//medium.com/%40AmJustSam/can-you-vertically-center-in-css-aaaa373cd460& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Can you vertically center in CSS?&/a&&/p&&p&作者：&a href=&http://link.zhihu.com/?target=https%3A//medium.com/%40AmJustSam& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Usama Tahir&/a&&/p&&p&翻译：&a href=&https://www.zhihu.com/people/wang-xiao-bai-28-69/activities& class=&internal&&Klaus&/a&&/p&&p&声明：转载请注明出处。&br&&/p&&/blockquote&&figure&&img src=&http://pic1.zhimg.com/v2-0fd556d567f54ac98c4a60_b.png& data-rawheight=&840& data-rawwidth=&1210& class=&origin_image zh-lightbox-thumb& width=&1210& data-original=&http://pic1.zhimg.com/v2-0fd556d567f54ac98c4a60_r.png&&&/figure&&p&如何用CSS（层叠样式表）实现垂直居中呢？这可能是网站开发人者最常问的问题之一了，不论他是有一些经验的开发者还是刚开始学习。&/p&&p&所以，实现垂直居中最好的方法是什么呢？这里有不止一种方法可以实现。但是你应该选择一种浏览器支持最好的以及最容易实现的。&/p&&p&首先我们会介绍那些浏览器支持比较好的方法，结尾部分会介绍那些浏览器支持较差的方法。&/p&&p&让我们开始吧……&/p&&h2&用绝对定位实现垂直居中&/h2&&p&我们有一张图片，并且想让它居中，首先我们需要创建一个div容器去包裹它，然后给它定义一些样式。&/p&&div class=&highlight&&&pre&&code class=&language-html&&&span&&/span&HTML
&span class=&p&&&&/span&&span class=&nt&&div&/span&&span class=&p&&&&/span&
&span class=&p&&&&/span&&span class=&nt&&img&/span& &span class=&na&&src&/span&&span class=&o&&=&/span&&span class=&s&&”http://bit.ly/2jeCm3H&&/span& &span class=&na&&alt&/span&&span class=&o&&=&/span&&span class=&s&&””&/span& &span class=&p&&/&&/span&
&span class=&p&&&/&/span&&span class=&nt&&div&/span&&span class=&p&&&&/span&
&/code&&/pre&&/div&&br&&br&&div class=&highlight&&&pre&&code class=&language-css&&&span&&/span&&span class=&nt&&-----&/span&
&span class=&nt&&CSS&/span&
&span class=&nt&&-----&/span&
&span class=&nt&&body&/span&&span class=&p&&{&/span&
&span class=&nb&&background&/span&&span class=&o&&:&/span& &span class=&m&&#ccc&/span&&span class=&p&&;&/span&
&span class=&c&&/* just to make it visible in screenshots */&/span&
&span class=&p&&}&/span&
&span class=&nt&&div&/span&&span class=&p&&{&/span&
&span class=&nb&&width&/span&&span class=&o&&:&/span& &span class=&m&&300px&/span&&span class=&p&&;&/span&
&span class=&nb&&height&/span&&span class=&o&&:&/span& &span class=&m&&250px&/span&&span class=&p&&;&/span&
&span class=&nb&&background&/span&&span class=&o&&:&/span& &span class=&m&&#fff&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&span class=&nt&&img&/span&&span class=&p&&{&/span&
&span class=&nb&&width&/span&&span class=&o&&:&/span& &span class=&m&&100px&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&/code&&/pre&&/div&&p&现在我们有了一张包裹在div中的图片，我们给不光给图片以及div元素定义了尺寸，还给div元素定义了&b&#fff&/b&的背景色。&/p&&p&现在我们需要给我们的父元素添加相对定位属性，同时，要给子元素也就是图片元素添加绝对定位属性。&/p&&div class=&highlight&&&pre&&code class=&language-css&&&span&&/span&&span class=&nt&&div&/span&&span class=&p&&{&/span&
&span class=&nb&&width&/span&&span class=&o&&:&/span& &span class=&m&&300px&/span&&span class=&p&&;&/span&
&span class=&nb&&height&/span&&span class=&o&&:&/span& &span class=&m&&250px&/span&&span class=&p&&;&/span&
&span class=&nb&&background&/span&&span class=&o&&:&/span& &span class=&m&&#fff&/span&&span class=&p&&;&/span&
&span class=&nb&&position&/span&&span class=&o&&:&/span& &span class=&nb&&relative&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&span class=&nt&&img&/span&&span class=&p&&{&/span&
&span class=&nb&&width&/span&&span class=&o&&:&/span& &span class=&m&&100px&/span&&span class=&p&&;&/span&
&span class=&nb&&position&/span&&span class=&o&&:&/span& &span class=&nb&&absolute&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&/code&&/pre&&/div&&p&现在，我们会将子元素的&b&top&/b&属性设置为&b&50%&/b&。&/p&&div class=&highlight&&&pre&&code class=&language-css&&&span&&/span&&span class=&nt&&div&/span&&span class=&p&&{&/span&
&span class=&nb&&width&/span&&span class=&o&&:&/span& &span class=&m&&300px&/span&&span class=&p&&;&/span&
&span class=&nb&&height&/span&&span class=&o&&:&/span& &span class=&m&&250px&/span&&span class=&p&&;&/span&
&span class=&nb&&background&/span&&span class=&o&&:&/span& &span class=&m&&#fff&/span&&span class=&p&&;&/span&
&span class=&nb&&position&/span&&span class=&o&&:&/span& &span class=&nb&&relative&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&span class=&nt&&img&/span&&span class=&p&&{&/span&
&span class=&nb&&width&/span&&span class=&o&&:&/span& &span class=&m&&100px&/span&&span class=&p&&;&/span&
&span class=&nb&&position&/span&&span class=&o&&:&/span& &span class=&nb&&absolute&/span&&span class=&p&&;&/span&
&span class=&nb&&top&/span&&span class=&o&&:&/span& &span class=&m&&50%&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&/code&&/pre&&/div&&p&目前为止图片还没有实现垂直居中，现在我们需要给它一个负的&b&margin-top&/b&值，这个值为你想要实现垂直居中的元素高度的一半，在本例中就是那张图片。&/p&&p&&i&*如果不确定元素的高度，可以不使用&b&margin-top&/b&，而是使用&b&transform:translateY(-50%);&/b&属性。——译者注&/i&&/p&&div class=&highlight&&&pre&&code class=&language-css&&&span&&/span&&span class=&nt&&div&/span&&span class=&p&&{&/span&
&span class=&nb&&width&/span&&span class=&o&&:&/span& &span class=&m&&300px&/span&&span class=&p&&;&/span&
&span class=&nb&&height&/span&&span class=&o&&:&/span& &span class=&m&&250px&/span&&span class=&p&&;&/span&
&span class=&nb&&background&/span&&span class=&o&&:&/span& &span class=&m&&#fff&/span&&span class=&p&&;&/span&
&span class=&nb&&position&/span&&span class=&o&&:&/span& &span class=&nb&&relative&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&span class=&nt&&img&/span&&span class=&p&&{&/span&
&span class=&nb&&width&/span&&span class=&o&&:&/span& &span class=&m&&100px&/span&&span class=&p&&;&/span&
&span class=&nb&&position&/span&&span class=&o&&:&/span& &span class=&nb&&absolute&/span&&span class=&p&&;&/span&
&span class=&nb&&top&/span&&span class=&o&&:&/span& &span class=&m&&50%&/span&&span class=&p&&;&/span&
&span class=&nb&&margin-top&/span&&span class=&o&&:&/span& &span class=&m&&-50px&/span&&span class=&p&&;&/span& &span class=&c&&/* half the size of image */&/span&
&span class=&p&&}&/span&
&/code&&/pre&&/div&&p&&em&&figure&&img src=&http://pic1.zhimg.com/v2-f7e83d34e8a2d0fec224d94_b.png& data-rawheight=&590& data-rawwidth=&933& class=&origin_image zh-lightbox-thumb& width=&933& data-original=&http://pic1.zhimg.com/v2-f7e83d34e8a2d0fec224d94_r.png&&&/figure&记住：如果你想要同时实现水平居中，那么你可以用实现垂直居中的一样的技巧来实现。&/em&&/p&&h2&利用&b&Display:&/b&来实现垂直居中&/h2&&p&是的，你没听错！我们可以通过&b&display&/b&属性的&b&table&/b&值来实现垂直居中。如何实现呢？我这就告诉你。&/p&&p&首先我们先要创建一个div元素以及另外一个包含图片的div元素，然后我们开始设置它的样式。&/p&&div class=&highlight&&&pre&&code class=&language-html&&&span&&/span&HTML
&span class=&p&&&&/span&&span class=&nt&&div&/span&&span class=&p&&&&/span&
&span class=&p&&&&/span&&span class=&nt&&div&/span& &span class=&na&&id&/span&&span class=&o&&=&/span&&span class=&s&&&img&&/span&&span class=&p&&&&&/span&&span class=&nt&&img&/span& &span class=&na&&src&/span&&span class=&o&&=&/span&&span class=&s&&&http://bit.ly/2jeCm3H&&/span& &span class=&na&&alt&/span&&span class=&o&&=&/span&&span class=&s&&&&&/span& &span class=&p&&/&&/&/span&&span class=&nt&&div&/span&&span class=&p&&&&/span&
&span class=&p&&&/&/span&&span class=&nt&&div&/span&&span class=&p&&&&/span&
&/code&&/pre&&/div&&br&&div class=&highlight&&&pre&&code class=&language-css&&&span&&/span&&span class=&nt&&-----&/span&
&span class=&nt&&CSS&/span&
&span class=&nt&&-----&/span&
&span class=&nt&&body&/span&&span class=&p&&{&/span&
&span class=&nb&&background&/span&&span class=&o&&:&/span& &span class=&m&&#ccc&/span&&span class=&p&&;&/span&
&span class=&c&&/* just to make it visible in screenshots */&/span&
&span class=&p&&}&/span&
&span class=&nt&&div&/span&&span class=&p&&{&/span&
&span class=&nb&&width&/span&&span class=&o&&:&/span& &span class=&m&&300px&/span&&span class=&p&&;&/span&
&span class=&nb&&height&/span&&span class=&o&&:&/span& &span class=&m&&250px&/span&&span class=&p&&;&/span&
&span class=&nb&&background&/span&&span class=&o&&:&/span& &span class=&m&&#fff&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&span class=&nt&&img&/span&&span class=&p&&{&/span&
&span class=&nb&&width&/span&&span class=&o&&:&/span& &span class=&m&&100px&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&/code&&/pre&&/div&&p&现在，我们需要给我们的父元素设置&b&display&/b&属性为&b&table&/b&。&/p&&div class=&highlight&&&pre&&code class=&language-css&&&span&&/span&&span class=&nt&&div&/span&&span class=&p&&{&/span&
&span class=&nb&&width&/span&&span class=&o&&:&/span& &span class=&m&&300px&/span&&span class=&p&&;&/span&
&span class=&nb&&height&/span&&span class=&o&&:&/span& &span class=&m&&250px&/span&&span class=&p&&;&/span&
&span class=&nb&&background&/span&&span class=&o&&:&/span& &span class=&m&&#fff&/span&&span class=&p&&;&/span&
&span class=&nb&&display&/span&&span class=&o&&:&/span& &span class=&n&&table&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&span class=&nt&&img&/span&&span class=&p&&{&/span&
&span class=&nb&&width&/span&&span class=&o&&:&/span& &span class=&m&&100px&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&/code&&/pre&&/div&&p&现在，把包裹图片的那个div元素的&b&display&/b&属性设置为&b&table-cell&/b&。&/p&&div class=&highlight&&&pre&&code class=&language-css&&&span&&/span&&span class=&nt&&div&/span&&span class=&p&&{&/span&
&span class=&nb&&width&/span&&span class=&o&&:&/span& &span class=&m&&300px&/span&&span class=&p&&;&/span&
&span class=&nb&&height&/span&&span class=&o&&:&/span& &span class=&m&&250px&/span&&span class=&p&&;&/span&
&span class=&nb&&background&/span&&span class=&o&&:&/span& &span class=&m&&#fff&/span&&span class=&p&&;&/span&
&span class=&nb&&display&/span&&span class=&o&&:&/span& &span class=&n&&table&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&span class=&nt&&img&/span&&span class=&p&&{&/span&
&span class=&nb&&width&/span&&span class=&o&&:&/span& &span class=&m&&100px&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&span class=&nt&&div&/span&&span class=&nn&&#img&/