CSS, чтобы уменьшить интервал в элементе списка с обернутым текстом

Question

Я сделал эту скрипку , чтобы показать мою проблему.У меня есть список, и мне нужно установить отрицательное поле для перекрытия элементов списка.

Проблема возникает, когда текст настолько длинный, что оборачивается, и я не вижу, как изменить поле этого текста.конкретная линия, чтобы сделать его таким же, как и остальные предметы.Высота строки, похоже, не помогает.У вас есть идеи?

Заранее спасибо.

Answer 1

Не вариант поставить высоту строки в li вместо использования отрицательного поля?

http://jsfiddle.net/wNf9R/6/

Или вы могли бы установить свои a для отображения: block, по-видимому, line-высота игнорируется для a-элементов?(Я оставлю объяснение кому-то еще: -)

http://jsfiddle.net/wNf9R/9/

Answer 2

Обернул его с div и дал меньше line-height

См. http://jsfiddle.net/wNf9R/8/

Answer 3

Используйте свойство line-height в сочетании со специализированными свойствами margin-top и margin-bottom, чтобы выровнять внутренний и межэлементный интервал: http://jsfiddle.net/T3NM8/

Answer 4

Если все, что вы пытаетесь сделать, это согласовать интервал между строками (т. Е. С переносом все в порядке), то высота строки действительно должна работать.

См. Эту скрипку.