前幾天文匯小編在進(jìn)行網(wǎng)頁頁面開發(fā)時，遇到了一個頁面需求，就是頁面的上下翻頁與返回列表的按鈕功能，下面就是實現(xiàn)的效果圖。
想要實現(xiàn)這樣的效果，可以左側(cè)的左浮動，右側(cè)的右浮動，中間的使用margin:0 auto；這是小編當(dāng)時的想法，但這個想法被實現(xiàn)起來的時候，還是遇到了問題，就是中間的元素?zé)o法居中。由于元素浮動了，導(dǎo)致了中間元素的margin：0 auto無效。當(dāng)時的效果是這樣的;
最后小編將元素的父級盒子設(shè)置相對定位，將中間的元素設(shè)置絕對定位，left:50%;margin-left的值等于負(fù)的自身寬度的一半，使元素居中顯示，最后的實現(xiàn)效果。
上一篇： 如何從網(wǎng)站下載視頻
關(guān)鍵詞:
