kejun

.mod {
  position: absolute;
  width: 300px;
  background: #eee;
  border: 1px solid #eee;
  padding: 0 50px;
  -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
     -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
          box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
  top: 50%;

kejun

body {
  width: 600px;
  font:normal 14px/1.62 arial, sans-serif;
}
.mod { 
  margin-bottom:100px;
  background-color:#efc;
}
.pic {
  margin-right: 20px;

kejun

body {  background: #333;} 

a {
  display: inline-block;
}

a img{
 position: relative;
 z-index: -1;
}

kejun

  "scripts": {
    "build": "webpack --progress --profile --colors",
    "build-watch": "webpack --progress --profile --colors --watch",
    "dev": "webpack-dev-server --devtool eval --progress --colors --hot --content-base demo",
    "test": "echo \"Error: no test specified\" && exit 1"
  }

kejun

body {
  padding: 2em 0;
  font: 14px/1.5 sans-serif;
  text-align: center;
}

section {
  margin-bottom: 5em;
}

kejun

img {
  position: absolute;
  margin: auto;
  top: -1000em;
  bottom: -1000em;
  left: -1000em;
  right: -1000em;
}

kejun

img {
  position: absolute;
  margin: auto;
  top: -100em;
  bottom: -100em;
  left: -100em;
  right: -100em;
}

kejun

/* thumb截中间区域 */

body {
  text-align: center;
}

.thumb {
  position: relative;
  width: 20em;
  margin:2em auto;

kejun

html,body { height:100%;}
body {
  display: flex;
  justify-content: center;
  align-items: center;
}

.rect {
  position: relative;
  width: 20em;

kejun

javascript:(function(){
var loader = function(url,cb) {
  var script = document.createElement('script');
  script.setAttribute('type', 'text/javascript');
  script.setAttribute('src', url);
  script.onload = script.onreadystatechange = function() {
    if (!this.readyState ||
        this.readyState === 'loaded' ||
        this.readyState === 'complete') {
      setTimeout(function(){