计算文字的宽度是多少?

时间:2012-03-27 06:11:00

标签: javascript html css

以下是我正在处理的内容的截图:

Problem

正如您所看到的,所有单词(教程,博客,新闻,联系人)之间的间距并不相同。我将div设置为相等的距离,text-align等于center。所以,我猜这个问题的原因是每个单词的长度不一样。

那么,关于我如何计算每个单词的宽度并相应地将它们分开的任何想法?

3 个答案:

答案 0 :(得分:2)

如何简单地对齐右边的项目并对它们应用右边距(或填充)?

  item 1|   item 2|   item 3|   ...

答案 1 :(得分:2)

我倾向于同意安德烈亚斯的答案,因为它更可能是你们div元素的边缘。

如果您创建了一个jsfiddle来为我们提供源代码,那么您就可以提高对特定问题的准确答案的能力。

您可以使用几种资源,包括上面提到的jsfiddle.net,只测试您的HTML和CSS。

我知道有很多方法可以达到相同的结果,但我很好奇你为什么要为每个链接使用单独的div元素。这会增加页面的重量,使其非常重,并降低代码中的含义。

我将来会建议这样的事情:链接到tinkerbin.com不再有效。

答案 2 :(得分:1)

http://jsfiddle.net/Z8x7b/1/

基本上在你的div之间设置一个固定的边距,你应该设置:)