如何获得相同的长度来显示字母数字键?

时间:2013-11-12 06:46:50

标签: css css3

我想显示长度相同的字母数字键。我使用text-align:center和text-align:justify。但是我为每个键获得不同的长度。它在我的UI中看起来不太好。帮我解决这个问题。

例如

  • d60cfd74dfe8werersd3343sd464b6b6e2b0
  • 31f32ef2e3f233aa8b5d864cd73f0ceed0df
  • e3aa0a5asdfdsafasdfsawerbab409816a62
  • f9b33535dsfadasdfsaf1331313fsfsgga87
  • 1b65ed504werewrewwerewr1212112rw584c

1 个答案:

答案 0 :(得分:3)

如果您希望多个相同长度的字符串显示相同的显示长度,则需要使用固定间距字体,例如font-family: "Courier New"或类似的东西。使用比例字体时,屏幕上字符串的宽度将根据字符串中的字符而变化。对于固定宽度字体,每个字符的宽度相同,因此相等长度的字符串将显示相同的长度。

演示:http://jsfiddle.net/jfriend00/wCWWA/