行内元素
文字或图片若是要居中显示,可以给父元素设置css样式
{text-align:center;}
来实现
块状元素
定宽块状元素
对于设置了width的块状元素,可以通过设置margin为auto来实现居中。
div{width:2px;
margin:auto;
}
不定块状元素
不定块状元素就是width不固定的元素,有三种方法让不定块状元素居中。
1,<table>
将相应的元素放入table(包括tbody tr td)中,利用table的长度自适应性来进行居中,然后将该元素当成定宽块状元素,定义margin:auto,即可实现居中效果。
2.display-inline
将不定块状元素设置成行内元素,然后通过{text-align:center;}来进行居中。
3.设置浮动和相对定位
将父元素设置为浮动靠左50%,相对定位
{float:left;
position:relative;
left:50%;
}
然后将子元素设置为相对定位,左靠-50%.
{position:relative;
left:-50%;
}