0

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

例如。

  • d60cfd74dfe8werersd3343sd464b6b6e2b0
  • 31f32ef2e3f233aa8b5d864cd73f0ceed0df
  • e3aa0a5asdfdsafasdfsawerbab409816a62
  • f9b33535dsfadasdfsaf1331313fsfsgga87
  • 1b65ed504wewrewwerewr1212112rw584c
4

1 回答 1

3

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

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

于 2013-11-12T06:50:40.697 回答