iT邦幫忙

0

Nav的<li>清單,設active實線不縮排

  • 分享至 

  • xImage

我在Nav的li清單,點擊被選中的list name,會產生左邊的藍色實線,請問如何讓他實線產生,不會推擠到右邊的list name呢?

demo如下

https://jsfiddle.net/shawnhsuicpdas/qaL9vf89/1/#&togetherjs=JfL3dQbmRx

看到手癢玩了一下~
是說...
#Main_Left-List .active a
改成
#Main_Left-List a:hover
感覺更生動~!!
good,謝謝
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

0
SunAllen
iT邦研究生 1 級 ‧ 2017-03-21 13:10:02

大大您好:

我加了一個 padding-left:8px;

讓它看起來,像是不會動... 供您參考

#Main_Left-List .active a {
  list-style-type: none;
  height: 100%;
  color: #2A2A2A;
  border-left: solid #395d8b;
  padding-left:8px;  
}

http://ithelp.ithome.com.tw/upload/images/20170321/20006132euBWF0ZeSz.png

可以了,謝謝

我要發表回答

立即登入回答