前幾天文匯小編在進行網頁頁面開發時,遇到了一個頁面需求,就是頁面的上下翻頁與返回列表的按鈕功能,下面就是實現的效果圖。

想要實現這樣的效果,可以左側的左浮動,右側的右浮動,中間的使用margin:0 auto;這是小編當時的想法,但這個想法被實現起來的時候,還是遇到了問題,就是中間的元素無法居中。由于元素浮動了,導致了中間元素的margin:0 auto無效。當時的效果是這樣的;

最后小編將元素的父級盒子設置相對定位,將中間的元素設置絕對定位,left:50%;margin-left的值等于負的自身寬度的一半,使元素居中顯示,最后的實現效果。

上一篇: 如何從網站下載視頻
下一篇: 人工智能未來在中國的發展是什么樣的呢?
關鍵詞:



