​ 网站建设时，用响应式布局简单方便，很多人采用display:flex布局，但遇到多行多列，同一行块之间预留间距等问题，通常做法是父容器： . box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;} .box .item{height:100px;background:#d00;margin-bottom:2%;flex:0 0 23%;} 这样的方法去实现，最后一行元素不满时，中间出现空白；这样就不美观了，现采用justify-content:flex-start;即采用默认值；这时排列是正常了，但左右两边留有补白，当图像区域比较大时就不美观了，本文介绍两种方法实现flex图文排版，且与正文对齐。 源文件有详细文字注释说明，便于修改成您要的Demo。 ​

主要用于网站栏目里点击下拉，右侧箭头自动旋转的效果，提升用户体验，用到的是jquery+css,主要用到css Transition的rotate的方法，结合jquery旋转图标，特意用Js类来调用，可以用来多学习一个知识点。

一个漂亮Tab切换选项卡，调用方便，主要是自己修改来用也方便，js代码六行,小图片也都在里面，一个页面支持多个tab。

css图片垂直居中代码，超级简单，css只有二行，其中css最核心的地方用到 position，transform，解决以往代码多，或用table来居中的麻烦。

一个简单的图片放大效果基于jquery animate函数，很简单的，自己可以修改一下用。jquery文件通用自己改一下链接文件。

基于jQuery的选择下拉框，不需要任何外部图片文件，可直接取元素值，多个下拉框可同时使用，互不影响，直接可用到项目中。

php生成随机文件名函数（当前时间+随机数3位至多位可自己调整），写成函数了，调用方便，并且这应该是最简洁的代码，一句话构成的函数。

用于日常操作的一些工具，如解决局域网共享，一键ip等工具，修复ie无法打开等小工具．

做web开发时,大家经常在数据输入时要做选择,有时需要辅助输入,但用select下拉框用户体验不好,所以很多时候要用到信息输入提示,点击一下显示输入信息,让用户作选择,本demo就很好做到了这一点,希望大家用得到,用的是Jquery技术.

一个用flash技术进行大文件上传的源代码

div+css 做的一个选项卡简单代码.可用于ie,firefox,方便广大网站建设者使用和改造.