Javascript 强制菜单占据100%的宽度

Javascript 强制菜单占据100%的宽度,javascript,html,css,Javascript,Html,Css,我有这个顶栏菜单: 我需要让文本始终占据100%的宽度。我该怎么做 如果我添加更多链接,我希望大小是动态的 有什么想法吗?这取决于您的浏览器要求:对于现代浏览器,您可以执行以下操作: ul { display: table; } li { display: table-cell; } 对于旧版浏览器兼容性,您可能必须使用真实的表格。您不能指定宽度或将其设置为“自动”以百分比形式指定宽度 <ul> <li>something</li>

我有这个顶栏菜单:

我需要让文本始终占据100%的宽度。我该怎么做

如果我添加更多链接,我希望大小是动态的


有什么想法吗?

这取决于您的浏览器要求:对于现代浏览器,您可以执行以下操作:

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

对于旧版浏览器兼容性,您可能必须使用真实的表格。

您不能指定宽度或将其设置为“自动”

以百分比形式指定宽度

<ul>
    <li>something</li>
    <li>something</li>
    <li>something</li>
    <li>something</li>
<ul>

ul li {
    width:25%;
    display:inline;
}
  • 某物
  • 某物
  • 某物
  • 某物
    • ulli{ 宽度:25%; 显示:内联; }
请在问题正文中包含相关的HTML和CSS,而不是链接。您可以在此处找到一些信息:您是说您希望6个链接“主页、购买物业等”始终占据页面的全部内容?但这并不处理添加新项目的问题,他希望每次添加一个链接(或者链接可能是动态的)时,总加起来100%,而不必修改宽度。这一点很好。我看到重新阅读问题并更好地理解它。是的,不幸的是,在没有JavaScript的情况下,我能想到的唯一方法就是使用表。是的。