一个计算机技术爱好者与学习者

0%

前言

绝对定位并且居中显示,在开发中经常用到。总结了一下这种布局的三种方法,备忘。

方法一

1
2
3
4
5
6
7
8
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 82%;
height: 40%;
阅读全文 »

html部分:

1
2
3
4
5
6
7
8
9
10
11
<div class="tab-body">
<ul>
<li data-key="0">全部</li>
<li data-key="1">攻略</li>
<li data-key="2">案例</li>
<li data-key="3">故事会</li>
<li data-key="4">特别策划</li>
<li data-key="5">喜舍杯</li>
<li data-key="6">家居轶事</li>
</ul>
</div>
阅读全文 »