讓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;

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