干货来袭！web前端开发工程师必看之如何使用CSS3实现瀑布流效果？

lkwkqd 2019-01-25

首先,我们来看一下什么是瀑布流布局效果,比如电商网站 蘑菇街

干货来袭！web前端开发工程师必看之如何使用CSS3实现瀑布流效果？

原理图:

干货来袭！web前端开发工程师必看之如何使用CSS3实现瀑布流效果？

在一个大盒子里，放置多个小盒子，小盒子的大小可以不一致，长短不一样，呈现一种瀑布流的效果。

使用CSS3S实现只需要如下4步:

1. 准备图片素材

2. 书写相应HTML结构

3. 了解CSS 多栏(Multi-column) 属性

4. 使用CSS 多栏属性完成瀑布流布局

一、第一步 —— 准备图片素材

目标 : 准备图片素材,每张图片的宽度长度最好都不要同样大小的,另外,图片宽度高度也不宜太大

干货来袭！web前端开发工程师必看之如何使用CSS3实现瀑布流效果？

小结 : 准备多张图片素材,宽度高度不宜超过1000像素

二、第二步 —— 书写相应HTML结构

目标 : 在HTML页面中插入多个图片标签img,并正确通过src属性引入鼠标

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
</head>
<body>
 <div class="box">
 <img src="images/P_001.jpg"/>
 <img src="images/P_002.jpg"/>
 <img src="images/P_003.jpg"/>
 <img src="images/P_004.jpg"/>
 <img src="images/P_005.jpg"/>
 <img src="images/P_006.jpg"/>
 <img src="images/P_007.jpg"/>
 <img src="images/P_008.jpg"/>
 <img src="images/P_009.jpg"/>
 <img src="images/P_010.jpg"/>
 <img src="images/P_011.jpg"/>
 <img src="images/P_012.jpg"/>
 <img src="images/P_013.jpg"/>
 <img src="images/P_014.jpg"/>
 <img src="images/P_015.jpg"/>
 <img src="images/P_016.jpg"/>
 <img src="images/P_017.jpg"/>
 <img src="images/P_018.jpg"/>
 <img src="images/P_019.jpg"/>
 <img src="images/P_020.jpg"/>
 </div>
</body>
</html>

干货来袭！web前端开发工程师必看之如何使用CSS3实现瀑布流效果？

小结 : 通过img标签的src属性正确引入图片,需要多个img标签,因为我们需要多个图片

三、第三步 —— 了解CSS 多栏(Multi-column) 属性

干货来袭！web前端开发工程师必看之如何使用CSS3实现瀑布流效果？

小结 :

l column-count指定元素应该被分割的列数

l column-width指定列的宽度

l column-gap指定列与列之间的间隙

四、第四步 —— 使用CSS 多栏属性完成瀑布流布局

目标 : 使用CSS多栏属性实现我们的图片瀑布流布局

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
 <style type="text/css">
 /*清除所有标签的内外边距*/
 *{
 margin: 0;
 padding: 0;
 }
 /*选中.box标签*/
 .box{
 /*把.box中的内容最多分为4列,会根据浏览器的大小变化,但是不会超过4列*/
 column-count: 4;
 /*规定每列列宽最小为200px*/
 column-width: 200px;
 /*规定每列的间隙为1em*/
 column-gap: 1em;
 /*盒子宽度为1000px*/
 width: 1000px;
 /*实现盒子水平居中*/
 margin:0 auto;
 }
 /*选中.box下的所有img标签*/
 .box img{
 /*上下左右5px的内填充*/
 padding:5px;
 /*上下左右5px的外边距*/
 margin:5px;
 /*圆角边框*/
 border-radius:5px;
 /*盒子阴影*/
 box-shadow:0px 0px 5px gray;
 }
 </style>
</head>
<body>
 <div class="box">
 <img src="images/P_001.jpg"/>
 <img src="images/P_002.jpg"/>
 <img src="images/P_003.jpg"/>
 <img src="images/P_004.jpg"/>
 <img src="images/P_005.jpg"/>
 <img src="images/P_006.jpg"/>
 <img src="images/P_007.jpg"/>
 <img src="images/P_008.jpg"/>
 <img src="images/P_009.jpg"/>
 <img src="images/P_010.jpg"/>
 <img src="images/P_011.jpg"/>
 <img src="images/P_012.jpg"/>
 <img src="images/P_013.jpg"/>
 <img src="images/P_014.jpg"/>
 <img src="images/P_015.jpg"/>
 <img src="images/P_016.jpg"/>
 <img src="images/P_017.jpg"/>
 <img src="images/P_018.jpg"/>
 <img src="images/P_019.jpg"/>
 <img src="images/P_020.jpg"/>
 </div>
</body>
</html>

干货来袭！web前端开发工程师必看之如何使用CSS3实现瀑布流效果？

小结 : 注意属性名与取值不要写错,每个css属性值后面都有一个英文状态的分号

总结

使用CSS3可以轻松实现瀑布流布局，但 Internet Explorer 9及更早 IE 版本浏览器不支持 column-count 属性。

我们再来回顾一下，我们刚刚实现的步骤:

1. 准备图片素材

2. 书写相应HTML结构 : 使用多张图片,放在同一个大盒子中

3. 了解CSS 多栏(Multi-column) 属性

– column-count 把指定盒子中的内容最多分为多少列,会根据浏览器的大小变化,但是不会超过我们指定的列数

– column-width 规定每列列宽最小为多少

– column-gap 规定每列的间隙

4. 使用CSS 多栏属性完成瀑布流布局

lkwkqd

lkwkqd

相关推荐

Web前端学习是属于阶段性的吗？

相信前端的学习会给大家带来可观的收入，在前端行业发光发热。其中的内容包含了三个方面,一个是网站的布局,一个是基础项目,另一个是页面布局的项目。第二个阶段是高级程序的设计,有以下几个内容1.原生Java的交互项目开发功能,2.面向对象进阶,3.ls6、ls5

liangjielaoshi / 0评论 2020-08-19

Web前端学习是属于阶段性的吗？

相信前端的学习会给大家带来可观的收入，在前端行业发光发热。其中的内容包含了三个方面,一个是网站的布局,一个是基础项目,另一个是页面布局的项目。第二个阶段是高级程序的设计,有以下几个内容1.原生Java的交互项目开发功能,2.面向对象进阶,3.ls6、ls5

viewerlin / 0评论 2020-08-19

0基础学习前端开发的一些建议

以下纯属个人观点和建议，肯定是有局限性的，但是也希望能给你带来一些帮助。我们俨然能感受到前端岗位现在已经发展成了最重要的研发岗位之一，所以多我们提出的要求也就越来越高了。所以我们需要的也就不仅仅只是掌握css、html、JavaScript了，但是这三大件

franktaoge / 0评论 2020-08-15

学完这些，面试叫价15K！最完整、最系统的前端学习路线

随着互联网的深入发展，前端开发工程师已成为市场上极具竞争力的人才。许多学生，包括以前的UI，java，或完全零基础，想学习的前端。那么话不多说，直接上干货，希望能帮助到大家。2019年，JetBrains 发起了其标准的年度调查项目，开发人员生态系统调查

liangjielaoshi / 0评论 2020-06-10

工作后转行Web前端程序员是否可行？年龄大了怎么办？

最近网上关于“30岁是否还应该转行程序员”的话题又火了，程序员丰厚的薪资使许多人蠢蠢欲动，但是年龄的限制仿佛一道门槛，阻挡住了去路，家庭，工作许多责任不断充斥着你的大脑提问“万一失败了怎么办”？但其实30岁对于大多数人而言，并不算太晚，不要因为年龄而限制自

xxuncle / 0评论 2020-06-02

web前端是什么？需要掌握什么技术？

需要掌握什么技术？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。完成客户端程序的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善

WinerChopin / 0评论 2020-05-30

2019年前端开发前景如何?学习前端开发难吗？

在之前一段时间，网传有个技术团队做了个移动端的APP，发布上线时候称可以直接生成网页效果，于是有很多人一下子慌了。李老师给大家的统一答案：当然不会！光是看任职要求就可以看出来了，前端开发并非APP傻瓜式生成代码那么简单，一个图形转换网页怎么可能影响前端开发

WinerChopin / 0评论 2020-05-12

转型web前端工程师怎样学才能拿高薪？过分依赖IDE，框架成为致命点！

前端开发工程师不仅要掌握基本的web前端开发技术、网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。一般来说，UI设计师会倾向于流畅靓丽，但并不

元元 / 0评论 2020-04-20

什么叫web前端

有时在网上搜索知识的时候经常会看到一些弹出来的提问里有很多“前端工程师”。对应着大学的什么专业？今天就来说说什么叫web前端，web前端是干什么的，有兴趣的小伙伴可以看看！前端技术包括JavaScript、ActionScript、CSS、xHTML等“传

xxuncle / 0评论 2020-04-15

【前端经典面试题】前后端分离（说一说你理解的前后端分离？）

这些与vue、react框架没有什么关系，它们充其量只是一种具体实现方式而已。前后端分离核心思想是前端HTML页面通过AJAX调用后端的RESTFUL API接口并使用JSON数据进行交互。但是不能为了做前后端分离而做前后端分离。一个完全的前后端分离需要相

林大夏 / 0评论 2020-03-27

Web前端开发需要学什么语言？

前端框架一般指用于简化网页设计的框架，比如，jquery，extjs，bootstrap等等，这些框架封装了一些功能，比如html文档操作，漂亮的各种控件。Web前端开发主要学习html、css、js、jquery等等，除了学习开发语言，还要为网站上提供的

haohong / 0评论 2020-02-26

拿到十份互联网公司Offer，他是怎样学好web前端开发的？

Web前端工程师是近几年的新兴职业，也是目前火爆而且高薪的职业。不同的公司也有不同的叫法，比如：网页界面开发，网站设计等，要学好web前端开发，需要掌握什么方法与技巧？这个是最简单的，也是最基础的。为什么会说css+div呢?因为我上面说了div就是 ht

haohong / 0评论 2020-02-14

Java与Web前端发展前景及薪资对比

Web前端和Java谁的薪资待遇高？关于这个问题，是很多网友都感兴趣的，在各大论坛贴吧上也看到了不少类似的问题。现在的互联网行业飞速发展，因此有很多小伙伴想要进入IT行业分一杯羹，但是关于学习什么技术还有不少的小伙伴在犹豫中。Web前端和Java开发谁的发

starzhangkiss / 0评论 2020-01-04

Web前端开发的就业前景怎么样，薪资待遇如何

信息技术的迅速发展，使IT技术者们赶上了一个百年难遇的好机会，尤其是国家出台了“互联网+”的政策后，更是催生了IT行业的就业空间，使其呈现爆发性增长。据预测，Web前端开发在未来5—10年，将会成为移动互联网领域的主宰者。当然，很多外行人对于“Web前端开

haohong / 0评论 2019-12-25

Web前端发展前景，以及技术揭秘

随着互联网时代的发展， Web前端开发已经成为时下较火的技术之一，针对Web前端开发工程师这一新兴职业，虽然受重视的时间还比较短，但是随着时间的发展，Web前端开发技术一直在不断的创新与完善。看各大招聘网站上，公司对前端开发工程师的要求莫过于精通HTML

liduote / 0评论 2019-12-12

php是做前端的吗？

PHP即“超文本预处理器”，是一种通用开源脚本语言。PHP是在服务器端执行的脚本语言，与C语言类似，是常用的网站编程语言。PHP独特的语法混合了C、Java、Perl以及 PHP 自创的语法。利于学习，使用广泛，主要适用于Web开发领域。前端开发和后台开发

bowean / 0评论 2019-10-19

https://www.jianshu.com/p/9f4a9b1c90c7

前端开发是web前端开发的简称，网上有很多各式各样的解释和描述，今天我从我自己的角度和理解来谈一谈前端开发。前端开发从业者有以下几种来源：培训中心，后端转前端，美工转前端。大部分前端可能都是有第一种和第三种演变而来，前端开发是一个比较新的岗位，国内国际真正

RainyX / 0评论 2019-09-10

Web前端性能优化的实用技巧分享

用户体验的好与否是直接影响用户对网站的满意度的。Web前端性能优化的好的网站才能达到理想中的效益。Web前端性能优化有没有什么技巧呢，以下为大家推荐三个Web前端性能优化的实用技巧。另外，CSS是对页面节点进行修饰的，如果CSSOM未构建之前就进行了布局，

小秋 / 0评论 2019-07-16

需要就拿走！19年web前端+移动端从初识到精通11个阶段300集教程

~1、人才缺口大，现在入行最佳。在互联网高速发展的现在，每天在 智联、51JOB、猎聘 等招聘网站上每天都有 100000+个 WEB 前端工程师招聘需求，WEB 前端就业前景广阔，符合未来的发展趋势。学好 WEB 前端，你可以成为 WEB 前端工程师，还

franktaoge / 0评论 2019-07-07

零基础该如何学习前端开发？

但随着我做课程，讲课的时间日渐长久，我对于这个问题的理解和体会也在不断的变化着。有啥不会的你就百度查一查。整个过程不会超过三个月，这个套路肯定是没问题的。通过一个大实例，引导穿接整个web前端知识体系。

WKYCSDN / 0评论 2019-07-01

前端学习路线 ①

应该具备快速学习能力。前端工程师至少都要满足四类客户的需求：　　1、产品经理。一般来说，UI设计师侯倾向于流畅靓丽、但并不容易实现的用户界面，而且他们经常不满前端工程师造成 1px 的误差。项目管理的主要关注点，无外乎正常运行时间、应用程序始终正常可用的时

WKYCSDN / 0评论 2019-06-30

零基础入门前端的修炼之道

本文是为了给那些想要了解前端开发是什么，或者刚刚打算开始学习前端的朋友们准备，希望可以帮助准备入行的你;总所周知，目前无论是企业还是个人，都会有制作网站、博客、小程序等需求,他们希望把自己的产品或服务通过互联网展示给更多用户。综上所述的，前端开发的工作主要

WinerChopin / 0评论 2019-06-28

web前端页面性能优化小结

影响用户访问的最大部分是前端的页面。网站的划分一般为二：前端和后台。我们可以理解成后台是用来实现网站的功能的，比如：实现用户注册，用户能够为文章发表评论等等。其实应该是属于功能的表现。前端的页面主要包括xhtml,css,js。主要分为结构语义化，css，

hcl / 0评论 2018-02-12

前端开发的 学习

前端开发需要学什么？根据此次报告，互联网在全行业中成为人才需求最为紧迫的行业；而在当地互联网各种紧缺职位中，各类研发技术类岗位稳居前列。下面我们来具体分析一下web的学习内容。一位合格的Web前端开发工程师在知识体系上既要有广度，又要有深度。

hcl / 0评论 2017-10-19

Web前端开发和后端开发有什么区别

web前端分为网页设计师、网页美工、web前端开发工程师首先网页设计师是对网页的架构、色彩以及网站的整体页面代码负责网页美工只针对UI这块儿的东西，比如网站是否做的漂亮web前端开发工程师是负责交互设计的。web前端开发工程师是负责交互设计的，需要和程序猿

jjjjjj / 0评论 2016-05-24

您适合从事web前端开发行业吗？

首先，我们看一下前端新人从哪里来？相对于其他IT技术职位来说，Web前端工程师算是半个程序员，很多从事此项工作的都是非计算机相关专业出身，这当然是因为互联网行业吸引人以及HTML和CSS入门起点低，目前大学里尚能全民考C，全民做网页也没有什么稀奇，而且因为

Raindan / 0评论 2014-09-03

web开发教程_web工程师教程_web开发视频教程_前端工程师教程_项目实战案例

Web前端开发工程师需要学习哪些课程？网上搜集了一套完整版的教程，分享给大家，这套教程包含上述全套内容，且从零基础学起。感兴趣的可以下载看看。

Raindan / 0评论 2014-07-10

web前端页面性能优化

影响用户访问的最大部分是前端的页面。网站的划分一般为二：前端和后台。我们可以理解成后台是用来实现网站的功能的，比如：实现用户注册，用户能够为文章发表评论等等。其实应该是属于功能的表现。而我们建设网站的目的是什么呢？不就是为了让目标人群来访问吗？前端的页面主

jjjjjj / 0评论 2014-05-05

前端基础学习

前端学习路径加强版前端新手，不知道如何自学？前端养成记告诉你，正确的前端学习路径！HTML、CSS、JavaScript，Bootstrap、jQuery、Zepto，Sass、Babel、Gulp，Vue.js、Angular、React，Web Soc

wangdan0 / 0评论 2019-06-26

Web前端javascript书籍推荐

程序设计之道无远弗届，御晨风而返。———— 杰佛瑞 · 詹姆士。第一种一直在问：如何学习前端？Web前端开发技术主要包括三个要素：HTML、CSS和JavaScript！CSS 只是无类型的样式修饰语言。Javascript 的基础部分相对来说不难，入手还

WinerChopin / 0评论 2013-04-21

您适合从事Web前端开发行业吗？

首先，我们看一下前端新人从哪里来？相对于其他 IT 技术职位来说，Web 前端工程师算是半个程序员，很多从事此项工作的都是非计算机相关专业出身，这当然是因为互联网行业吸引人以及 HTML 和 CSS 入门起点低，目前大学里尚能全民考C，全民做网页也没有什么

jjjjjj / 0评论 2011-11-04

2011二月百度web前端笔试面试题目

随着各大互联网公司设立了Web前端开发工程师、设计工程师等职位，web前端越来越得到互联网企业的认可。而且其重视程度与地位也随着浏览器端的富客户端的体现而日益提高。眼前对HTML5的未来和走向，业内的预测是会和Flash、Silverlight等相结合，从

huanghuang / 0评论 2011-02-26

如何成为不可取代的前端开发？| 学习资料包

前几天，前端朋友小田找我喝酒解愁，原本是一场愉快的老友聚会，谁料几杯酒下肚，举杯消愁愁更愁。小田说，来公司 2 年了，同期同事工资水平都有所涨幅，然而自己工资似乎没什么变化，工作不好不坏，也没做出多大成就，自己似乎也在一直前进，但看起来依然停滞不前。陷入困

WEB前端娃steiny / 0评论 2019-06-06

19年web前端一定要掌握的这些核心技术，你掌握多少？附最新资料

一方面，前端技术栈更新十分迅速，几乎可以说是软件开发领域中速度最快的；而另一方面，前端的不可替代性相对来说又不是非常高。前端极快的迭代速度、过饱和的工作强度、工作瓶颈和内部新生代程序员的竞争交织……那么如何让个人在前端的迭代中获得更好的成长呢？就web前端

lfbooo / 0评论 2019-05-15

web前端开发需要哪些工具和需要学习什么？

今天我们来谈谈Web和前端开发过程中需要学习什么？也简单介绍前端开发前景和薪水。首先封程中是在自身发展过程中java工程师，目前从事服务器，但是之前也做过JavaWeb前端开发2年，所以还是有一些经验，下面简单介绍我的经验，这是不好的，你不喷，学习学习而忽

hcl / 0评论 2018-08-20

前端开发程序员的月薪到底有多高？看完你肯定也想转行了！

不管是小程序的横空出世，还是Web应用的大量涌现，它们都掀起了一波“前端开发需求热”，给前端开发工程师们带来了春天。几乎整个互联网行业都缺前端工程师，无论是刚起步的创业公司，还是上市公司乃至巨头。那么这么热门的职位到底有多值钱呢？以上图表显示：在北京，工资

xxuncle / 0评论 2018-07-20

据说月薪过万的web前端程序员都会这6招！内附web前端教程免费送

web前端工程师是近几年的新兴职业，也是目前火爆而且高薪的职业。不同的公司也有不同的叫法，比如：网页界面开发，网站设计等，要学好web前端开发，需要掌握什么方法与技巧？这个是最简单的，也是最基础的。为什么会说css+div呢?那么css肯定必须要配合div

hrjoyce0 / 0评论 2019-04-10

扣丁学堂HTML5培训简述web前端开发工程师为何如此难寻

web前端开发工程师为何如此难寻?想要快速成长，成为符合企业需求的Web前端工程师，参加培训学习是最佳选择。扣丁学堂Web全栈培训课程，课程涵盖内容广，学的内容相比其他学习机构多了不少。同时扣丁学堂就业跟踪服务相比其他的学习平台来说更加完善和贴近用户，和这

Remindhh / 0评论 2019-04-15

Web前端能干什么 为什么要学Web前端

但是即使如此，现在Web前端的职位也依旧是市场空缺极大的职位，很多企业都是重金急聘，但是依旧很难找到合适的Web前端工程师。学好这门技术当然是有用的，单从薪资这一点来说，Web前端工程师就是远超其他大众行业的存在。扣丁学堂Web前端工程师培训不仅有专业的老

Remindhh / 0评论 2018-12-17

WEB前端开发学习5大工具，你用过几个？

最近很多小伙伴问w3cschool小师妹“我是个新手想学习前端，但是网上那么多平台，我该怎么选呢？”为此w3cschool小师妹特地整理了一批适合菜鸟新手的web前端学习工具。该平台成立于2007年6月7日，是一家专业从事软件视频教程开发的教育服务机构。

zhangppmm / 0评论 2018-04-24

2019年参加web前端培训学习就业前景如何

2019年参加web前端培训学习就业前景如何？学习后能从事哪些岗位的工作呢？培训开发属于web前端开发范畴，前端开发的知识点繁多，所以，要想真正全部掌握html5开发技术，做出一款中意的web app并非易事。而且，网上的视频不系统，知识前后不连贯，所以，

林大夏 / 0评论 2019-02-14

web前端开发工程师需要注意的web前端开发规范有哪些

b)取父级元素id/class命名部分命名;

liangjielaoshi / 0评论 2018-10-15

web前端开发工程师需要注意的web前端开发规范有哪些

b)取父级元素id/class命名部分命名;8. 后期优化中, JavaScript非注释类中文字符须转换成unicode编码使用, 以避免编码错误时乱

nemunemu / 0评论 2018-10-08

零基础小白Web前端自学该怎么规划学习（内附详细学习方法）

随着互联网的迅速发展，更多的人投入到web前端的学习中来，那么想要自学前端该怎么规划学习呢？要学习的技能涉及到哪些呢？对于新手学习web前端的方法，我有几个建议给大家，希望可以帮助到想要学习前端的同学。还有就是重点的学习哪些技术。CSS必须掌握浮、位置、宽

onlyhqm / 0评论 2019-01-07

web前端都要学什么内容？2019web前端学习路线分享给你！

Web前端是什么估计大家都了解了，前端开发是创建Web页面或app等前端界面呈现给用户的过程。前端开发通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互 。想知道在太原参加web前端开发培训课程

重庆崽儿Brand / 0评论 2018-12-19

前端开发：我们能改变一个项目，却改变不了弱于后端这个事实！

据这名前端程序员说，后端有天然的业务认可度优势，前端得死命的争取才能有一半的业务认可度。大家好，我是“上世是朵花”。

leiwensu / 0评论 2018-11-03

教你正确的学习web前端开发技术的方法分享

以上这份学习路线课程大纲，挺适合大家借鉴来学习的。web前端课程包括了几个方面的内容：。因为我说div是HTML主要用于布局的，所以div是这个东西的核心！CSS必须掌握浮、位置、宽度和高度，以及最大值和最小值，以100%，溢出，边缘、填充等。这些都是与布

重庆崽儿Brand / 0评论 2018-12-14

Web前端开发前景如何？工资高吗？（附赠学习资料一套）

作为一个老牌的web前端开发程序猿，经常有人问我，现在转开发什么前景好？我现在依然回答是web前端不变， “钱“途好发展快而已。该数据根据企业近一年相关招聘职位发布的薪酬数据统计所得，可能因职位索引稳定性出现偏差，仅供参考。

haohong / 0评论 2019-02-13

技术学派：从零基础到精通的Web前端学习路线

随着互联网的迅速发展，前端开发工程师成为市场上非常抢手的人才。很多对于IT完全零基础的同学都想学习前端。前端是一门涵盖面很广的学科。但是想学前端的你也不用慌张，内容虽多但有迹可循，只要循序渐进就不怕学不好前端！这就要求你得掌握HTML、CSS页面布局排版、

Erosvan / 0评论 2018-11-14