居中

flex居中

.vertical-container {
  height: 300px;
  display: -webkit-flex;
  display:         flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}

文本居中

text-align:center;  水平居中
padding-top=10px;
padding-bottom=10px;  垂直居中  或者  让line-height=height

//table 中使用vertical-align:middle;可以 是文字上下居中

div加宽度后居中 必须声明 doctype

margin:0 auto;     水平居中
position:absolute;    
top:50px

div里面包含2个a

display:-inline-block;
width:50%;
height:
text-align:center;

vertical-align作用到内联元素上时
我以我的哪条线（top、middle、bottom） 和别人对齐

border会继承color的颜色

width:  margin:0 auto;

水平居中跳动问题的修复

ie7、ie8

html{overflow-y:scroll;}

其他的

.container{padding-left:calc(100vw-100%);}
//100vw浏览器宽度   100%可用内容宽度  相减后就是滚动条的宽度

div 居中

.dialog--wrapper:after {
    display: inline-block;
    content: '';
    width: 0;
    height: 100%;
    vertical-align: middle;
}
.dialog_box {
    display: inline-block;
    border: 1px solid #ccc;
    vertical-align: middle;
}

选中标签：

<input type="radio" name="" id="" checked>
    <button disabled>点击</button>
    <select name="" id="">
      <option value="">1</option>
      <option value="" selected>2</option>
    </select>