前言:在使用css给页面进行排版美化的过程中,经常会用到pposition属性。那么,接下来我们就详细介绍一下position属性。
首先,我们先写一个HTML文件,利用css实现多行内容垂直居中。
> <divclass="wrap">
>
> <divclass="content">
>
> <h1>hello world</h1>
>
> <h2>HELLO WORLD</h2>
>
> <h3>层叠样式表</h3>
>
> </div>
>
> </div>
接下来我们使用css进行布局排版:
> .wrap{
>
> width:100%;
>
> height:400px;
>
> display:table;
>
> }
>
> .content{
>
> display:table-cell;
>
> vertical-align:table;
>
> text-align:center;
>
> }
position属性:
一**、静态定位/常规定位/自然定位static**
**作用:**使元素定位于自然流中
特点:
1、忽略top、bottom、left、right或者z-index声明
2、两个相邻的元素如果都设置了外边距&