电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: 浏览器中的兼容问题（4） [打印本页]

作者: look_w 时间: 2019-3-7 18:56 标题: 浏览器中的兼容问题（4）

20. list-style-image准确定位的问题

问题：

   li前设置图片时，图片与其后的文字对齐问题

解决：

1、采用背景定位和字符缩进的方法

background:url() no-repeat left center;text-index:16px;

2、采用相对定位方法

li 设置list-style:url();

li的子元素position:relative;top:-5px;

21. ul标签默认值的问题

问题：

   ul标签在ff中默认是有padding值的,而在ie中只有margin有值

解决：

   定义ul{margin:0;padding:0;}就能解决大部分问题

22. IE中li指定高度后，出现排版错误

问题：

在ie下如果为li指定高度可能会出现排版错位

解决：

   设置line-height

23. ul或li浮动后，显示在div外

问题：

div中的ul或li设置float以后，都不在div中

解决：

必须在ul标签后加
来闭合外层div

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)