CSS 圣杯布局实践

Sat, 20 May 2017 10:41:13 +0800

圣杯布局和双飞翼布局都是平时开发中比较常用的页面布局，两者核心都一样，本质上都是三栏布局，此文记录自己平时对圣杯布局的实践。

CSS 水平垂直居中常用方式

Mon, 15 May 2017 17:24:24 +0800

1
2
3


<body>
 <div class="center-wrap">水平居中</div>
</body>

1
2
3


.center-wrap {
 text-align: center;
}

1
2
3


<body>
 <div class="center-wrap">水平居中</div>
</body>

1
2
3
4
5


.center-wrap {
 border: 1px solid;
 width: 600px;
 margin: 0 auto;
}

display: table配合margin: 0 auto