Создание алфавитной панели - PullRequest
1 голос
/ 30 октября 2009

Мне нужно руководство по 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? Если это имеет значение, я не использую шрифт фиксированной ширины.

1 Ответ

1 голос
/ 30 октября 2009

Поместите каждую букву в элемент шириной 3,8% (100/26).

Недостатком этого является то, что вы столкнетесь с некоторыми странными проблемами округления в некоторых браузерах.

Лично я бы не стал пытаться заставить их охватывать всю ширину. То, как вы сейчас выглядите, кажется правильным.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...