1

该图像是在 IE7 中垂直显示的菜单列表项，但我想水平显示它。我正在使用智能向导插件 (framestyle.css)，它可以在除 IE7 之外的所有其他浏览器中完美显示。

framestyle.css：这是智能向导插件的 css。

.swMain ul.anchor {
 position:fixed;
  z-index:1099;
  display:inline;
  float:left;
  list-style: none;
  padding: 0px;  
  margin: 5px 5px 0 0;
}

.swMain ul.anchor li{ 
  position: relative; 
  margin: 0;
  padding: 0; 
  padding-top:3px;
  padding-bottom: 3px;
  clear:both;
  display:inline;
  float: none;  
}

.swMain ul.anchor li a {
  display:block;
  position:relative;
  float:left;
  margin:0;
  padding:3px;
  height:35px;
  width:146px;
  text-decoration: none;
  outline-style:none;
}

IE7.css : 这是 IE7 浏览器的菜单列表项的 css

.swMain ul.anchor {  
display:inline;
position:relative; 
list-style: none;
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 10px;
zoom:1;
float:left;
clear:both;
}

.swMain ul.anchor li{
  margin: 0;
  padding: -10px; 
  padding-top:0px;
  padding-bottom: 0px;
  clear:both;
  display:inline;
  float:left;   

}
.swMain ul.anchor li a {
  display:block;
  position:relative; 
   float:left;
  margin:0px 0px 0px 0px;
  padding:3px 3px 3px 3px;
  text-decoration: none;
  outline-style:none;
}
4

1 回答 1

0

如果您想要水平显示内联内容，clear: both;则首先不应该这样做，因为这会将浮动项目放在新行上。

您还应该删除 IE7 样式表中的float: left;from .swMain ul.anchor li。

为清楚起见，以下代码将水平内联列表项：

li {
display:inline;
}

如果你想用一些填充和其他花哨的东西来设置列表项的样式，你可以尝试inline-block，但这会导致 IE7 出现一些问题。您将在此处找到解决方案。

顺便说一句，我被要求为某些特定用途的项目支持 IE7，但一般来说，您很可能完全放弃对 IE7 的支持。

希望这可以帮助。

于 2013-11-23T18:16:31.910 回答