浏览器兼容性问题

Question

我有一个浏览器兼容性问题与此CSS代码

导航{

display: -webkit-box; 
    -webkit-box-orient:horizontal;  
    padding: 2% 0;  
    border-bottom: 1px solid #e6e6e6;  
    border-top: 1px solid #e6e6e6;   
    margin: 2% 0 2% 0;  

}

NAV一个{

font-family: 'GoudyRegular'; 
    display:block; -webkit-box-flex:1;   
    text-align:center;  
    font-size: 1.25; 
    color: #666; 

}

和html c颂歌是

<nav> 
     <a href="about.html">About</a> 
     <a href="#">Blog</a> 
     <a href="work.html">Work</a> 
     <a href="#">Contact</a> 
</nav> 

它显示了，因为我想在Chrome，但在Mozilla或Internet Explorer ......请帮助

Answer 1

使其跨浏览器的工作是这样的：

-webkit-box-orient:horizontal;
-moz-box-orient:horizontal;
-ms-box-orient:horizontal;
-o-box-orient:horizontal;
box-orient:horizontal;