大家好，欢迎来到IT知识分享网。
1，水平居中(text-align：center;)
这个属性在没有浮动的情况下，我们可以将其转换为inline/inline-block，然后其父元素加上text-align:center;属性就可以将其居中
2， 水平垂直居中(一) 子元素相对于父元素绝对定位，并且margin值减去自己宽高的一半
该方法具有一定的局限性，因为其一定要要知道子元素本身的宽高
3， 水平垂直居中(二) 子元素相对于父元素绝对定位，并且margin值位auto
该方式不受元素宽高所限制，比较好用(推荐使用)
4， 水平垂直居中(三) diplay：table-cell
该方式是将元素转换成表格样式，再利用表格的样式来进行居中(推荐)
5，水平垂直居中(四) 绝对定位和transfrom
该方法用最能装逼，用到了css3变形，面试者看到你代码里面有这样的 ，你的逼格瞬间就上去了，当然了 你知道的，逼格的东西是有兼容性问题的
6，水平垂直居中(五)css3中的flex属性
这个属性很好用，但是绝逼有兼容性问题的，用者要注意
7，水平居中(margin:0 auto;)
关于这个，大家应该是最不陌生的,不管是在培训班还是自己自学的话 。这个应该是老师讲的第一个方法了(水平方向上)，但是其有一个前提，就是被包裹的元素不能有浮动的属性。否则的话这个属性就会失效。具体如下图代码：
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://yundeesoft.com/21753.html
