我需要一些HTML / CSS指南。我的目标是在我的应用程序中创建一个联系人列表屏幕，并且像大多数联系人列表屏幕一样，用户应该能够选择名称以字母开头的字母，并且应用程序将过滤到该字母。很容易。
我希望用户界面看起来像这样：
Find by Name | all # a b c d e f g h i j k l m n o p q r s t u v w x y z
哪一切都在|的权利是一个可点击的链接。
我的问题是我有一个动态宽度的用户界面，我希望这个栏能够占用用户浏览器的整个宽度，即使它们调整大小 - 所以字母z应该在最右端。我希望字母之间的间距均匀。
“按名称查找”文本可以在另一个模块中显示：“按街道名称查找”，因此也不是固定宽度。
如何在css / html中实现这一目标？如果重要，我没有使用固定宽度的字体。
答案 0 :(得分：1)
将每个字母放在宽度为3.8％（100/26）的元素中。
缺点是你会在某些浏览器中遇到一些奇怪的舍入问题。
就个人而言，我不会试图让它们跨越整个宽度。你现在的方式似乎在视觉上是恰当的。