CSS的居中小技巧

来源：爱站网时间：2019-10-07编辑：网友分享

初学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的技巧，在布局过程中会很大的提高工作效率，大家可以参考下。