作者Sixwillows (六柳先生)
看板Blog
標題[Blogger] 如何消除選單(pages)右側多餘區塊?
時間Sat Jun 28 18:42:12 2014
在使用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
推 hit1205:我想到的辦法是先拿掉 margin: 0 114px 0 115px; 06/29 01:27
→ hit1205:然後加上 text-align: center; 再幫你的 .PageList 06/29 01:28
→ hit1205:指定 display: inline-block; 06/29 01:28
→ hit1205:這樣應該可以達成你要的,不知道有沒有更好的方法 XD 06/29 01:29
成功了!你好厲害!
但是有個情況會有BUG,就是在選單加入「首頁」的時候
「首頁」這個選項只有在非首頁的頁面才會出現
而在首頁,這個選項即使沒出現,他還是會幫這個選項留一個黑底的空位
我一直在想會不會選單和後面背景是分開的,想說把後面改成透明
可是一直找不到他在哪裡ˊˋ
※ 編輯: Sixwillows (175.180.114.84), 06/29/2014 19:00:55
推 laxgenius:沒看到首頁選項啊... 06/29 19:04
啊~~抱歉~剛剛研究一半拿掉出吃飯
放回去了XD
※ 編輯: Sixwillows (175.180.114.84), 06/29/2014 19:43:19