CSS中浮動可以實現(xiàn)在一個容器中多個元素并排顯示,但是有時候我們還需要讓它們居中顯示,那么該怎么做呢?下面我們來介紹幾種方法。
/* 方法一:使用margin */ .float { float: left; margin: 0 auto; /* 注意此處margin-left、margin-right值必須使用auto */ } /* 方法二:使用flex布局 */ .parent { display: flex; flex-direction: row; /* 水平方向排列 */ justify-content: center; /* 子元素水平居中 */ } .child { float: left; } /* 方法三:使用position和transform */ .parent { position: relative; } .child { float: left; position: absolute; left: 50%; transform: translateX(-50%); }
以上幾種方法都可以實現(xiàn)浮動元素的居中顯示,具體使用方法根據(jù)實際情況選擇即可。
上一篇css怎么讓背景圖片變換
下一篇mysql操作符怎么用