首页 > > 网页制作 > css >

CSS的居中小技巧

2019-10-08 08:51:10来源：爱站网阅读 ()

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

原文链接:https://js.aizhan.com/web_authoring/css/9357.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有

热门词条

最新资讯

热门关注

热门标签