用div+css布局的li内容在ie6,ie7中显示效果与ie8、firefox中不同的解决办法
来源:xjh 编辑:xjh 2018-10-22
问题:浏览器显示不兼容,用div+css布局的li内容在ie6,ie7中显示的效果与ie8、firefox中不同,表现在:
1、在ie6,ie7浏览器中浏览网页内容,li内容的左右边界正常,但在ie8、firefox边界为零。
2、在ie6,ie7浏览器中浏览网页内容,li无项目符号点,但在ie8、firefox出现项目符号点。
实现多种浏览器显示兼容的解决办法:
1、使用多个li 标签,必须配合ul标签,如:
<ul>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
</ul>
2、对ul标签做样式控制,分别设置填充和边界为0,特别注意:不设置与设置为0效果不同。
3、若需要调整行间距,左边间隔空隙,只需对li设置行高和填充。
4、设置li 列表类型为无与不设置在不同的显示器中显示效果不同,因此,需明确指定类型为无。