不知大家在做前端页面的时候，有没有遇到类似这样的问题：有一个不是正方形的图片，可能是宽度大于高度的，也可能是高度大于宽度的，而你又并不想用背景图的方式来做，要实现用img标签来让此图片显示出一个正方形的且不变形的效果。即如下图：只显示图片中间部分（红框部分） ...
分类：
其他好文 时间：
2018-02-06 16:39:53
阅读次数：
211
display与position之间的关系 以防自己忘记写的 网上找的 positon 与 display 的相互关系 元素分为内联元素和区块元素两类（当然也有其它的），在内联元素中有个非常重要的常识，即内两元素是不可以设置区块元素所具有的样式，例如:width | height。 relative ...
分类：
其他好文 时间：
2017-12-11 22:18:05
阅读次数：
252
1. 使用text-align 和 vertical-align 和 inline-block实现水平垂直居中 html css 2. 使用positon实现水平垂直居中 html css 3. 使用flex实现水平垂直居中 html css ...
分类：
Web程序 时间：
2017-11-06 16:47:02
阅读次数：
251
问题： 本地开发时，由于使用了图片，而且使用了offset().top涉及到图片所在的div距离计算的部分，本地开发一切都没问题；但是部署到服务器上时却出现布局错乱，经过排查发现总是少了一个图片高度的距离，原因是本地图片加载速度很快，在jquery的 $(document).ready 时，图片已经 ...
分类：
Web程序 时间：
2017-10-17 16:35:05
阅读次数：
231
转载自http://www.cnblogs.com/wangfupeng1988/p/4325007.html 看到一篇非常不错的有关position的文章！转了~ 1. 引言 本文将用一篇文章介绍position（定位），在学习position之前，我们应该去思考一个问题：什么情况下我们需要定位？ ...
分类：
Web程序 时间：
2017-08-20 15:41:45
阅读次数：
171
在bash中${}用于设置变量默认值和字符串取值切片以及变量的间接引用，详细用法如下图，在Centos6下字符串取子${STR:POSITON:LENGTH},LENGTH为负数会报错。1、${VAR}，取出变量VAR值[root@localhost~]#a=hjks
[root@localhost~]#echo${a}
hjks2、${VAR:-DEFAULT}，VAR没有定义或..
分类：
其他好文 时间：
2017-07-09 19:40:59
阅读次数：
3278
先来看一下我们要实现的效果 我想这种效果大家都有实现过，或者说吸顶的效果和这差不多 页面结构 js代码如下 ...
分类：
其他好文 时间：
2017-06-30 13:53:17
阅读次数：
203
生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 生成绝对定位的元素，相对于浏览器窗口进行定位。 元素的位置通过 "left", "top", "right" 以及 "bo ...
分类：
Web程序 时间：
2017-06-11 13:42:16
阅读次数：
312
恢复内容开始 tip：下面的内容网上各种基本的使用情况很多，我基本不写了，主要是想到一些特别的使用的时候。时间宝贵，请直接跳后面。 一。简单探讨下各个东西的使用情况（全是以div测试） 1）margin（外边距） 1.margin也有想positon一样的top，left，bottom，right， ...
分类：
其他好文 时间：
2017-04-01 19:43:38
阅读次数：
282
圣杯布局是讨论三栏液态布局的实现，所谓的液态布局，是相对于固态布局而言的，固态布局就是宽度固定值不变的布局，液态布局，就是好比容易向容器里倒水，它会随着容器的宽度的变化自适应宽度。 而双飞燕布局，是对圣杯布局的一种改进。 在了解这两个布局之前，你需要先了解margin负值和positon中负值的使用 ...
分类：
其他好文 时间：
2017-02-16 23:28:51
阅读次数：
369
