龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

列表UL、OL预设标记 在FF与IE下方式不同的试验

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
列表UL或是OL中都有一个预设标记,这个标记可能是实点圆点,也可能是数字。在实际的应用中,我们需要去掉这个预设标记,但我们不清楚这个预设标记是存在于什么位置。因为IE与
  列表UL或是OL中都有一个预设标记,这个标记可能是实点圆点,也可能是数字。在实际的应用中,我们需要去掉这个预设标记,但我们不清楚这个预设标记是存在于什么位置。因为IE与FF似乎在处理UL的预设标记时都有着不同的方式:我们来写一个UL的HTML代码结构:
HTML结构:
<ul> 
<li>建设部通报八起房地产交易违法、违规典型案例 </li> 
<li>周小川表态引发美元震荡|人民币应成世界货币?</li> 
<li>首都机场一香港乘客制造炸弹威胁导致航班延误</li> 
<li>美国房市“麻烦”未了|底特律房子比车子便宜</li> 
<li>网络报告:美国是黑客大本营 中国是最大受害国</li> 
</ul> 
查看运行效果:
Source Code to Run [www.fun52.com]


Firefox与IE下UL预设标记的异同

建设部通报八起房地产交易违法、违规典型案例
周小川表态引发美元震荡|人民币应成世界货币?
首都机场一香港乘客制造炸弹威胁导致航班延误
美国房市“麻烦”未了|底特律房子比车子便宜
网络报告:美国是黑客大本营 中国是最大受害国

   [ 可先修改部分代码 再运行查看效果 ]
  这个UL在不同的浏览器中的显示基本上是差不多的。那么我们设定一下CSS试着看一下IE与FF什么地方不一样:
CSS代码:
ul {background:#ddd; padding:0; }
查看运行效果:
Source Code to Run [www.fun52.com]


Firefox与IE下UL预设标记的异同

/**/


建设部通报八起房地产交易违法、违规典型案例
周小川表态引发美元震荡|人民币应成世界货币?
首都机场一香港乘客制造炸弹威胁导致航班延误
美国房市“麻烦”未了|底特律房子比车子便宜
网络报告:美国是黑客大本营 中国是最大受害国

   [ 可先修改部分代码 再运行查看效果 ]
  现在只把padding的值设为0,这时我们看一下IE中除了多个背景之外并没有什么变化,但是FF中的预设标记不见了!这里要注意的是IE中的预设标记是在背景外的。我们再来换个方式来设置:
CSS代码:
ul {background:#ddd; margin:0; }
查看运行效果:
Source Code to Run [www.fun52.com]
第 1 2 3 页
精彩图集

赞助商链接