Как я уменьшаю вертикальное пространство между элементами списка в незаказанном списке?
Если это - просто память, Вы волнуетесь по поводу, не делать. Просто доверяйте GC, он делает достойное задание. Я на самом деле видел что-то об этом являющийся столь эффективным, что для производительности могло быть лучше создать "кучу" крошечных объектов, чем использовать большие массивы в некоторых случаях.
5 ответов
В дополнение ко всем другим ответам, возможно, стоит установить line-height: 1em; , чтобы уменьшить начальный пробел каждой строки. Конечно, наиболее вероятными виновниками являются padding-top , padding-bottom , margin-top и margin-bottom .
Уменьшите или удалите верхние и нижние поля и отступы. Например:
li {
margin: 0;
padding: 0.2em;
}
PS: Поскольку вы используете Firefox, попробуйте Firebug . Когда вы нажимаете на элементы в дереве HTML в Firebug, он выделяет элемент на самой странице. Он окрашивает содержимое, поля и отступы отдельно, чтобы вы могли точно увидеть, как поля и отступы влияют на ваш макет.
Задайте для свойств CSS margin и padding любые желаемые размеры. Для максимальной компактности используйте:
ul, li { margin: 0; padding: 0; }
Свойства margin и padding - правильный подход.
Я хочу добавить совет по сбросу вашего полного CSS с помощью предопределенного файла сброса css, как этот Эрик Мейер: Ссылка
После этого у вас есть возможность более детально управлять своими стилями.
Уменьшите верхнее поле , нижнее поле и заполнение элемента как таковые:
li { margin: 1em 3em; padding: 0.2em; }