CSS中的浮動是一種非常常用的布局方式,但是浮動后如何實現居中呢?下面介紹幾種方法:
方法一: 父元素設置text-align:center,子元素設置浮動。 方法二: 父元素設置display:table,子元素設置display:table-cell和浮動。 方法三: 父元素設置position:relative,子元素設置position:absolute、left:50%和transform:translateX(-50%)。 方法四: 父元素設置position:relative,子元素設置position:relative、left:50%和float。 方法五: 父元素設置display:flex和justify-content:center,子元素設置浮動。
這些方法都能夠實現浮動后的居中,大家可以按照自己的需求選擇適合的方法。
上一篇css浮動和清楚浮動
下一篇mysql怎么做觸發器