"Положение: Абсолютное;" это, вероятно, неправильный подход в целом. Вместо этого попробуйте скрыть эти промежутки с помощью «display: none;» и используйте функцию подкачки, чтобы изменить только выбранную на «display: inline;».
Другой способ - сохранить эти промежутки в виде массива строк в JavaScript и заменить внутреннюю часть HTML внутри тега span одного контейнера.
В то время как я не думаю, что существует сингл, принятые соглашения о присвоении имен для именования элементов HTML, Вы могли бы найти следующую статью полезной. Довольное запуск на странице два является, вероятно, самым полезным.Удачи!
Значение семантики берет II: соглашения о присвоении имен для класса и идентификатор в CSS
Вот несколько хороших абзацев, которые суммируют то, что автор пытается достигнуть:
Разработчик мог бы назвать подразделение столбца #leftnav. На первый взгляд это логично, и в контексте меньших сайтов, поддерживавших один или всего несколько людей, действительно нет большого количества проблем с этим видом именования.
Однако считайте сайт размером AOL или Yahoo, на котором многочисленные команды разработчиков и разработчиков управляют миллионами страниц каждый день. И скажем, что проектное решение от высоко на служебной лестнице сделано переместить навигацию направо из ее прежнего дома на левой стороне экрана. Часть питания CSS - то, что в лучшем варианте развития событий, все это переключение навигации потребовало бы, должен войти в CSS и подкачать столбец, меняя местоположение его или пуская в ход его прямо вместо левого. Сохраните тот файл, и затем миллионы документов обновляются для отражения изменения.
Но теперь, миллионы документов также имеют подразделение с идентификатором #leftnav, описывающего столбец, который появляется справа! Не делая крупного поиска и замены, чтобы изменить идентификационное имя в (X) HTML, документ теперь очень сбивает с толку любого, кто просматривает источник или (что еще более важно) входит для работы над сайтом.
Поэтому, избегая презентации и выбирая более соответствующее описание в качестве простого, поскольку #nav или #subnav будет более полезным в такой среде. Так, даже если это могло бы казаться небольшим nitpicky для очень больших сайтов, мы хотим попытаться поддержать питание CSS и чистоту наших документов. Умный класс и идентификационные названия являются большой частью той цели.
С любым заинтересованным стандартами я всегда рекомендую эти две книги:
Разработка с веб-стандартами (2-й выпуск) (Paperback)
Eric Meyer на CSS: освоение языка веб-дизайна (РЕЧЬ) (Paperback)
Те две книги способствовали помощи мне вырастить мои собственные стандарты.
Если бы было один, то мир был бы лучшим местом, единороги не были бы прекратившимися и так далее. Это похоже на выбор стиль фигурной скобки или добавление отступа.
Просто попытайтесь сохранить это последовательным и нормальным. Нормальным я не имею в виду 'отступ с 4 пробелами и имя с Camel-регистром', просто, что Вы последовательно следуете за стилем. underscore_names? больше питания Вам. вкладки к спасению?отлично. Я был бы, точно так же, как, чтобы не открыть новые проекты и иметь для сквернословия в течение 5 минут, потому что добавление отступа полностью полито из шланга, и материал в отделении является тремя вкладками слева от него.
К счастью, хороший редактор помогает.