让IE7支持display: inline-block;

/*原来的CSS*/
.tab-tit ul{
  font-size: 0;
}
.tab-tit ul li{
  display: inline-block;
  font-size: 14px;
}
/*修复后的CSS*/
.tab-tit ul{
  font-size: 0;
}
.tab-tit ul li{
  display: inline-block;
  zoom: 1;
  *display: inline;
  _height:30px;/* IE 6*/
  font-size: 14px;
}

注意:使用display: inline-block使的li在一行上显示,而不是float:left;为了去掉li之间由于回车或空格造成的空隙,要将ul的字体大小设置为0,即font-size:0;

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章