jquery - 如何划分所有边距但最后使空间均匀？

Question

问题是我们的网站上会有很多不同的语言，且动态文本长度未知。我需要所有内容都居中，但不需要像这样手动为每个区域添加右边距。如果它可以进行某种类型的 jQuery 计算并使其每次看起来都像这样但自动完成，那就太好了: Click here to see my CSS example

我尝试修改this jQuery script I found但我失败了，正如你在这里看到的 jsfiddle.net/UTaSg/86/
如果它不向最后一个子项添加额外的宽度(“类型:所有独奏乐队组”右侧没有空格)，这可能会起作用”)。

我不知道如何做到这一点，任何帮助将不胜感激。预先感谢您的任何帮助!如果可能，请使用示例。

990px​​ 容器中总会有这 4 个过滤器，我想在所有不同语言的末端保留 25px 的空间。因此它们的文本长度会略有变化，我希望 3 个过滤器空间之间的空间相等。

Answer 1

您可以尝试简单地对每个文本的宽度求和，然后从整体宽度中减去它，再减去 3，然后将其作为除最后一个元素之外的每个元素的右边距。

您可以创建通用插件，因为这适用于具有长度的 jQuery 对象内的任意数量的元素，并且您可以使用parent() 获取容器。

您可以试试这个:http://jsfiddle.net/UTaSg/104/