css居中布局的几种方式

若是行内元素，则直接给其父元素设置text-align: center即可

若是块级元素，则直接给该元素设置margin: 0 auto即可

若子元素包含浮动元素，则给父元素设置width:fit-content并且配合margin

.parent { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; }