HTML代码:
<div id="nav">
<div id="home_menu">
<a href="home.php">Home</a>
<ul>
<li>
<a href="feed.php">Feed</a>
</li>
<li>
<a href="">Notifications</a>
</li>
</ul>
</div>
<div>
<a href="profile.php">Profile</a>
<ul>
<li>
<a href="">Settings</a>
</li>
<li>
<a href="logout.php">Logout</a>
</li>
</ul>
</div>
</div>
样式:
#nav {
float:right;
margin-top: 12px;
width: 200px;
display:box;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-box-orient: horizontal;
border: 1px solid green;
}
代码在chrome上完美运行,但是在mozilla上,东方是垂直的而不是水平的。请帮忙!
答案 0 :(得分:1)
将display: flex;
添加到您的班级
(显示:-moz-box;是旧语法)
<强> FIDDLE 强>
尝试为所有浏览器提供正确的语法时,一个好的开始是http://the-echoplex.net/flexyboxes/ [尽管他们为您生成的某些属性不是必需的,可以删除]
答案 1 :(得分:1)
@Anubhav Awasthy Just Put / * autoprefixer:off * /在将消失的代码行上方,它将被构建忽略。
例如
/ *自动前缀:关* /
sam local start-api