last comments

classification

ie6 7下display:inline-block失效解决办法

2012年3月22日 11:11 | Comments(38) | Category:ie | Tags:bug IE7 ie6 ie 6 7 inline inline-block 失效

就在十分钟前，被这个不是经常接触的bug狠虐了。

ok，下面贴出解决办法。

 

<!DOCTYPE html>
<html lang="gb2312">
<head>
<meta charset="gb2312" />
<title>example</title>
<style>
	#example li {display:inline-block;}/* 在这里设置的inline-block属性在ie6 7下无效，仅仅是触发了ie的layout*/
	#example li {*display:inline;}/* 解决办法：针对ie6 7添加inline属性，使之呈现为内联元素 */
</style>
</head>

<body>
	<div id="example">
      	    <ul>
            	<li>1</li>
            	<li>1</li>
            </ul>
      </div>
</body>
</html>