简介：初学者在网页布局时会很头疼内容位置的整，尤其是居中布置，在此我给大家列举了7中居中的方法，供大家参考学习。使用居中时我们可以利用DIV块来布置：DIV居中的几种方法1.body{ text-align:center; } 缺点：body内所 ...
| 初学者在网页布局时会很头疼内容位置的整，尤其是居中布置，在此我给大家列举了7中居中的方法，供大家参考学习。
1.body{ text-align:center; } 缺点：body内所有内容一并居中2..center{position: fixed;left: 50%;}缺点：需要设置position属性，网页复杂时容易扰乱页面布局,而且只是元素的起始位置居中3..center{width:500px;margin: 0 auto;}缺点：需要设置div宽度4..center { display: -webkit-flex; -webkit-justify-content: center; -webkit-align-items: center; } 缺点：需要支持Html55..center {position: absolute;top: 50%;left: 50%; -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } 缺点：需要支持Html56.margin: auto;position: absolute;left: 0;right: 0;7.parent{justify-content:center;align-items:center;display:_webkit-flex;}此处我以第六种方法进行居中，效果如图：
居中效果 本文仅代表作者个人观点，不代表巅云官方发声，对观点有疑义请先联系作者本人进行修改，若内容非法请联系平台管理员，邮箱2522407257@qq.com。更多相关资讯，请到巅云www.yx10011.com学习互联网营销技术请到巅云建站www.yx10011.com。 |
