iT邦幫忙

14

使用reset css之後,救回ul消失的list-style-type

  • 分享至 

  • xImage
  •  

為了讓css能在各瀏覽器表現一致,通常會用:
ul,ol {
margin:0;
padding:0;
list-style:none
}
的方式來取消各瀏覽器的預設行為,之後再重新指定值給ul。
不過這時會發現一個問題,即使重新指定list-style-type給ul,希望列表時能再秀出小圈點或小方塊,通常也沒有作用,小圓點還是出不來。
這個問題會發生,是因為小圓點是放在content的外面,因此要補padding給ul,將content擠出一些空間來放小圓點。

因此通常給ul一個padding-left:15px或20px,小圓點就會現身了。


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
wordsmith
iT邦高手 1 級 ‧ 2008-03-27 13:42:42

是reset css,不是rest...

0
plutosrita
iT邦研究生 1 級 ‧ 2008-03-28 10:10:25

謝謝分享

0
john651216
iT邦研究生 1 級 ‧ 2008-04-07 16:34:08

謝謝分享

0
5min
iT邦好手 3 級 ‧ 2008-04-21 00:41:34

謝謝分享

0
tgunlu
iT邦研究生 1 級 ‧ 2008-04-22 22:24:52

謝謝分享

0
fanylu60
iT邦研究生 1 級 ‧ 2008-04-22 22:35:22

非常好的資訊

0
yce701116
iT邦研究生 1 級 ‧ 2008-04-22 22:45:30

感謝分享這個資訊

0
海綿寶寶
iT邦大神 1 級 ‧ 2008-04-28 17:28:32

雖然沒用過, 還是謝謝分享

0
tyc1220
iT邦研究生 1 級 ‧ 2008-05-22 02:45:14

謝謝分享

0

有幫助,謝謝分享咯!

我要留言

立即登入留言