[Blogger] 如何消除選單(pages)右側多餘區塊?

看板Blog作者 (六柳先生)時間10年前 (2014/06/28 18:42), 10年前編輯推噓2(203)
留言5則, 2人參與, 最新討論串1/1
在使用blogger的pages當作選單時 如果選單項目不夠多,右邊都會突出一個區塊 如圖:http://i.imgur.com/z3MySgL.jpg
目前試了這個做法: .tabs-inner .section:first-child { border-top: $(header.bottom.border.size) solid $(tabs.border.color); margin: 0 114px 0 115px; } 但是這只是很土法煉鋼的把左右縮進來 如果加了新的項目就會往下面噴 請問有沒有更根本的解決之道呢 希望各位高手不吝解惑QAQ link: http://hulondela.blogspot.tw/ -- 傑米,炸掉它吧。 ⊙─ ─⊙▂⊙ 碰到問題,用C4就對了! █◤ Adam Savage James Hyneman MYTHBUSTERS by dajidali -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 175.180.114.84 ※ 文章網址: http://www.ptt.cc/bbs/Blog/M.1403952142.A.3DC.html

06/29 01:27, , 1F
我想到的辦法是先拿掉 margin: 0 114px 0 115px;
06/29 01:27, 1F

06/29 01:28, , 2F
然後加上 text-align: center; 再幫你的 .PageList
06/29 01:28, 2F

06/29 01:28, , 3F
指定 display: inline-block;
06/29 01:28, 3F

06/29 01:29, , 4F
這樣應該可以達成你要的,不知道有沒有更好的方法 XD
06/29 01:29, 4F
成功了!你好厲害! 但是有個情況會有BUG,就是在選單加入「首頁」的時候 「首頁」這個選項只有在非首頁的頁面才會出現 而在首頁,這個選項即使沒出現,他還是會幫這個選項留一個黑底的空位 我一直在想會不會選單和後面背景是分開的,想說把後面改成透明 可是一直找不到他在哪裡ˊˋ ※ 編輯: Sixwillows (175.180.114.84), 06/29/2014 19:00:55

06/29 19:04, , 5F
沒看到首頁選項啊...
06/29 19:04, 5F
啊~~抱歉~剛剛研究一半拿掉出吃飯 放回去了XD ※ 編輯: Sixwillows (175.180.114.84), 06/29/2014 19:43:19
文章代碼(AID): #1JhfmEFS (Blog)