我有两个菜单,一个固定在底部,另一个固定在顶部。我的问题有两个。我希望它们出现在屏幕的中央,并且只是它们内容的宽度(而不是默认情况下是流动的)。
我在文档中没有找到任何表明这是可能的,所以大概解决方案是用 CSS 修改它?
如有任何帮助,我们将不胜感激。
最佳答案
为您的 UI 菜单使用语义 ui 类“compact”以适应内容,然后使用网格和列进行居中对齐。 例如:
<div class="ui centered grid">
<div class="center aligned column">
<div class="ui compact menu">
<a class="active item">
<i class="home icon"></i> Home
</a>
<a class="item">
<i class="mail icon"></i> Messages
</a>
</div>
</div>
</div>
JSFiddle 链接:http://jsfiddle.net/pLskpufp/2/
关于html - 以语义 UI 为中心的非流体菜单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29861171/