如果我們給 ul 加上一個(gè)背景或者框架,它就會(huì)露出原形,也就是在 IE 中項(xiàng)目符號(hào)是在 ul 外面,所以 ul 的寬度是不把項(xiàng)目符號(hào)算在里面的(如下圖1);而 FF 是把項(xiàng)目符號(hào)算在 ul 里面的(下圖2)。這樣對(duì) CSS 解釋的差異就導(dǎo)致了在不同瀏覽器中會(huì)產(chǎn)生不同的效果。
這里介紹一個(gè)屬性 display:list-item; 將塊對(duì)象指定為列表項(xiàng)目,并可以添加可選項(xiàng)目標(biāo)志,也就是 ul/li 的簡(jiǎn)化版,在 div 和 P 中可以設(shè)置為列表顯示,并且可以為列表項(xiàng)目添加符號(hào)。
通常我們不會(huì)用默認(rèn)的項(xiàng)目符號(hào),因?yàn)闉g覽器的不同,它的位置和大小在各個(gè)瀏覽器中的渲染也是有差異的,而且它不能精確定位,所以一般我們都是通過對(duì) li 設(shè)置圖片背景 backgroud-image: url() no repeat; 來模擬項(xiàng)目符號(hào)的。