javascript - 导航 100% 分布在一个 div 中,填充均匀

标签 javascript jquery html css navigation

您好!

我想构建一个 100% 分布在标签内且具有均匀填充的网站导航。导航项没有固定数量,可以动态添加。甚至不添加,该站点将是多语言的,因此在不同的语言中,'li' 标签的大小会有所不同。

我想知道我是否可以使用 js 或 jquery 或任何其他方法来计算所有“li”元素的大小并给它们一个宽度(或填充),使我的“li”元素在 '分”。

我查找了类似的网站,发现 cnn.com 使用类似的内容,但找不到具体内容。

最佳答案

让你所有的<li>标记 inline-block 并执行 text-align: justify on the parent,设置为 display: block 和 width: 100%。它应该将它们全部均匀地隔开,您可以添加任何您想要的填充/边距。

关于javascript - 导航 100% 分布在一个 div 中,填充均匀,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18545278/

相关文章:

javascript - 在 div 部分中找到一个类的多个单选按钮,然后对其他 div block 分别重复

javascript - 如何使用 jQuery 删除下一个元素的内容?

css - IE7/8 和 Goldilocks Approach(响应式网页设计)不能一起工作

html - 下拉按钮宽度CSS

javascript - jquery或js中优先排序

php - 名称为“提交”的按钮停止触发表单的提交事件?

Javascript match() 正则表达式检测 URL 并链接到嵌入内容

javascript - 如何防止在灯箱/模态中进行回发调用

javascript - jQuery 外部事件插件无法正常运行

java - Android:如何将 HTML Table 解析为 ListView?