大数据

CSS的居中设置方法

行内元素,水平居中的时候通过给父元素设置text-align:center来实现


  
父容器内水平居中显示

块元素定宽块状不定宽块状元素

定宽块状元素 通过语句margin:0 auto;实现(直接margin:auto;也可以)

2.display:inline变为行内元素,使用text-align:center实现

3.浮动父容器position:relative,相对定位,设置left为50%实现
原理:

  1. 把父元素浮动到左边,同时向右偏移50%,相当于把父元素的左边缘对齐到整行的中间
  2. 把子元素向右偏移50%,这个50%是父元素的50%,父容器的宽度刚好就等 于子元素的宽度,也是子元素本身的50%,这样刚好就居中了
    (可以在父元素中添加一行clear:both(作用是清除两侧浮动,独占一行))