У меня есть два списка бок о бок. В одном списке я хочу иметь пробел между двумя li (пустой li).
Например, я хочу Somthing как этот
HTML-список с пробелом
A B
A B
A
A B
Я просто поставил пустую li, и она работает.
Но я хочу, чтобы извлечь пулю так в CSS добавить list-style-type: none;, но это удалить пространство, и я получаю что-то вроде этого:
A B
A B
A B
A
Как я могу сделать?
li
{
list-style-type: none; // Removes bullet
min-height: 12px; // Font size you're using
padding: 1px; // Add extra padding or margin if needed
}
или грязный метод с использованием пустой распорки (не рекомендуется)
list-style-image:url('spacer.gif');
Добавить min-height:1em в стиль для li.
Редактировать: wait, 1em работает только в том случае, если высота линии равна 100%. Убедитесь, что минимальная высота совпадает с вычисленной высотой линии (например, установив высоту линии до 100%).
Вы хотите иметь две бока о боке списках и это важно, что отдельные элементы в одном списке выстраивается в линии с конкретными пунктами в Другие? Вы уверены, что у вас нет табличных данных? – Quentin
Как насчет некоторых фактических HTML и CSS? Может быть, даже [jsFiddle] (http://jsfiddle.net)? –