CSS的居中小技巧

初学css的时候我们都需要了解到居中技巧,但是css的居中技巧有很多,而且元素和文本的水平居中和垂直居中是我们经常都会遇到的,那么我们要如何选择最适合的居中技巧呢?下面我们就去看看CSS的居中小技巧。

复制代码

代码如下:


margin:0px auto;

width:xxxpx;//必填

含有position: absolute;的居中

 

 

复制代码

代码如下:

 

 


position: absolute;

width:xx px;

left:50%;

margin-left:xx/2 px;

设置底部位置且(就是一直在底部居中)

 

 

复制代码

代码如下:

 

 


position: absolute;

width: xx px;

left:50%;

margin-left:xx/2 px;

bottom:0px;
本文主要介绍了CSS的居中小技巧,其实掌握一些CSS的技巧,在布局过程中会很大的提高工作效率,大家可以参考下。