作者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
ＭＹＴＨＢＵＳＴＥＲＳ ◥ ◤＼◥ by dajidali
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 175.180.114.84
※ 文章网址: http://webptt.com/cn.aspx?n=bbs/Blog/M.1403952142.A.3DC.html
1F：推 hit1205:我想到的办法是先拿掉 margin: 0 114px 0 115px; 06/29 01:27
2F：→ hit1205:然後加上 text-align: center; 再帮你的 .PageList 06/29 01:28
3F：→ hit1205:指定 display: inline-block; 06/29 01:28
4F：→ hit1205:这样应该可以达成你要的，不知道有没有更好的方法 XD 06/29 01:29
成功了！你好厉害！
但是有个情况会有BUG，就是在选单加入「首页」的时候
「首页」这个选项只有在非首页的页面才会出现
而在首页，这个选项即使没出现，他还是会帮这个选项留一个黑底的空位
我一直在想会不会选单和後面背景是分开的，想说把後面改成透明
可是一直找不到他在哪里ˊˋ
※ 编辑: Sixwillows (175.180.114.84), 06/29/2014 19:00:55
5F：推 laxgenius:没看到首页选项啊... 06/29 19:04
啊~~抱歉~刚刚研究一半拿掉出吃饭
放回去了XD
※ 编辑: Sixwillows (175.180.114.84), 06/29/2014 19:43:19