classification

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

face posted @ 2012年3月22日 11:11 in ie with tags bug IE7 ie6 ie 6 7 inline inline-block 失效 , 3192 阅读

就在十分钟前,被这个不是经常接触的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>

登录 *


loading captcha image...
(输入验证码)
or Ctrl+Enter