您好!
我想构建一个 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/