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