Уменьшить разрыв между элементами HTML <UL>и <LI>

Question

У меня ниже HTML на моей веб-странице:

Forum
<ul>
<li> Stack</li>
<li> OverFlow</li>
</ul>

И, как вы можете видеть ниже, я получаю перечисленные предметы отлично, но между <UL> и <LI> элементами есть фиксированный разрыв.

Есть ли способ, я могу уменьшить этот разрыв? то есть разрыв между текстом «Форум» и «Стек» на прикрепленном экране?

Answer 1

Разрыв существует не между элементами UL и LI, а между текстом Forum и элементом UL.Большинство браузеров определяют поле по умолчанию для определенных элементов, например UL.

. Вы избавляетесь от него с помощью CSS:

ul { margin: 0; }

или, например, если вы просто хотите его уменьшитьэтот установит 0 полей по горизонтали, 5 пикселей по вертикали:

ul { margin: 5px 0; }

Answer 2

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

В css:

ul { margin:-20px;}

Answer 3

Попробуйте (не знаю, если это проблема с вами):

<ul><li>
your first li element </li><li>
your second li element</li>
</ul>

Есть пробелы, которые вы не можете избежать в HTML-коде, если вы не «избегаете» этого, давайтесказать.Взгляните здесь .

Answer 4

Это уменьшит вертикальное расстояние, но не горизонтальное.

ul { margin:-15px 0;}

Это комбинация Андрея и Капы.

Вот как это выглядит.

Answer 5

Да, вы можете использовать CSS. В своем CSS укажите свойства полей или отступов, чтобы настроить интервал между элементами LI и UL.

LI { margin: 0px; }