|
小毅的blog：http://andymao.com/andy/
列表UL或是OL中都有一個預(yù)設(shè)標記，這個標記可能是實點圓點，也可能是數(shù)字。在實際的應(yīng)用中，我們需要去掉這個預(yù)設(shè)標記，但我們不清楚這個預(yù)設(shè)標記是存在于什么位置。因為IE與FF似乎在處理UL的預(yù)設(shè)標記時都有著不同的方式：我們來寫一個UL的HTML代碼結(jié)構(gòu)：
HTML結(jié)構(gòu)：
<ul>
<li>建設(shè)部通報八起房地產(chǎn)交易違法、違規(guī)典型案例 </li>
<li>周小川表態(tài)引發(fā)美元震蕩|人民幣應(yīng)成世界貨幣?</li>
<li>首都機場一香港乘客制造炸彈威脅導(dǎo)致航班延誤</li>
<li>美國房市“麻煩”未了|底特律房子比車子便宜</li>
<li>網(wǎng)絡(luò)報告:美國是黑客大本營 中國是最大受害國</li>
</ul>
運行代碼框
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運行]
這個UL在不同的瀏覽器中的顯示基本上是差不多的。那么我們設(shè)定一下CSS試著看一下IE與FF什么地方不一樣：
CSS代碼：
ul {background:#ddd; padding:0; }
運行代碼框
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運行]
現(xiàn)在只把padding的值設(shè)為0，這時我們看一下IE中除了多個背景之外并沒有什么變化，但是FF中的預(yù)設(shè)標記不見了！這里要注意的是IE中的預(yù)設(shè)標記是在背景外的。我們再來換個方式來設(shè)置：
CSS代碼：
ul {background:#ddd; margin:0; }
運行代碼框
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運行]
出處：藍色理想
責(zé)任編輯：moby
上一頁 下一頁 Firefox與IE下UL預(yù)設(shè)標記的異同 [2]
◎進入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論
|
第 1 頁 Firefox與IE下UL預(yù)設(shè)標記的異同 [1]
第 2 頁 
