首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在CSS中创建全宽水平菜单

在CSS中创建全宽水平菜单
EN

Stack Overflow用户
提问于 2013-12-19 04:22:00
回答 2查看 134关注 0票数 0

如何强制选项卡占用菜单中的所有剩余空间?因此,请根据选项卡数调整选项卡之间的间距。

代码语言:javascript
运行
复制
<div id="menu">
    <ul>
        <li>
            <a class="lien_menu"><br>Onglet0 loooooooog</a>
        </li>
        <li>
            <a class="lien_menu"><br>Onglet1</a>
        </li>
    </ul>
</div>

下面是我当前的代码:http://jsfiddle.net/Fxy8r/

提前谢谢。

EN

回答 2

Stack Overflow用户

发布于 2013-12-19 04:29:46

添加以下CSS:

代码语言:javascript
运行
复制
#menu {
  display: table;
  table-layout: fixed;
}

#menu ul {
  display: table-row;
}

#menu ul li {
 display: table-cell;
}

更新的提琴:http://jsfiddle.net/Fxy8r/1/

票数 2
EN

Stack Overflow用户

发布于 2013-12-19 06:21:07

代码语言:javascript
运行
复制
#menu {
  width:100%;
}
#menu ul {
  width:inherit;
}
#menu ul li {
  width:50%;
  float:left;
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20667645

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档