元素居中问题

标签：

一.浮动元素居中

1. 知道宽高　　　　

div{

　　　　width: 100px;

height: 100px;

background-color: red;

float: left;

position: absolute;

left: 50%;

top: 50%;

margin-left: -50px;

margin-top: -50px;

}

2.不知道宽高

div{

background-color: red;

float: left;

position: absolute;

bottom: 0;

left: 0;

right: 0;

top: 0;

margin: auto;

}

二.文字居中

　　1.text-align:center;  line-height:包裹高度;

　　2.

display: table-cell;

vertical-align: middle;

text-align: center;

三.图片居中

　　1.

　　　　display: table-cell;

　　　　vertical-align: middle;

　　　　text-align: center;

　　2.定位　

position: absolute;

left: 0;

right: 0;

bottom: 0;

top: 0;

margin: auto;

元素居中问题

标签：

原文地址：http://www.cnblogs.com/chenhongcai/p/5778015.html