作为标题,我希望顶部的固定菜单有两行而不是一行。
这是我尝试过的。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.css">
<div class="ui top fixed inverted menu">
<div class="ui container">
<a class="item">Item</a>
<a class="item">Item</a>
</div>
<div class="ui container">
<a class="item">Item</a>
</div>
</div>
使用第二个容器会导致两个容器都占用 50% 的宽度。使用 column
和 grid
也不起作用(菜单不再保持其布局)。这似乎是一个简单的问题。欢迎任何帮助。
最佳答案
我只是尝试使用 display:block 来强制您的父 div 以这种方式显示。 看起来不错。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.css">
<div class="ui top fixed inverted menu" style="display:block">
<div class="ui container">
<a class="item">Item</a>
<a class="item">Item</a>
</div>
<div class="ui container">
<a class="item">Item</a>
</div>
</div>
关于javascript - 如何在semantic-ui中制作两行顶部固定菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47470366/