Как избавиться от пробела между CSS горизонтальные элементы списка? [дубликат]

25
задан Gilles 'SO- stop being evil' 1 June 2012 в 17:03
поделиться

3 ответа

Вам нужно использовать display: block и float: left в li s, чтобы удалить пробел. Когда они встроены, браузер рассматривает их как слова и поэтому оставляет пространство между ними.

См. Также мой аналогичный вопрос .

44
ответ дан 28 November 2019 в 17:56
поделиться

Объедините @Skilldrick и @teedyay, и вы получите свой ответ и объяснение.
Если

  • обрабатываются как слова, то любые пробелы вокруг них сжимаются до одного пробела.

    Итак, я полагаю, что это функция, которая выглядит как ошибка.

    Чтобы удалить пробел, поместите все ваши

  • в цепочку без пробелов между ними.
    ИЛИ
    Уменьшите размер шрифта на
      до 0 и восстановите размер на
    • s

  • 17
    ответ дан 28 November 2019 в 17:56
    поделиться

    Боюсь, это тоже грязно, но я (приятно) удивлюсь, если для этого есть чистое исправление.

    Поместите все ваши

  • в одну строку:

    <li class="nav"><a class="nav" href="#">One1</a></li><li class="nav"><a class="nav" href="#">Two</a></li><li class="nav"><a class="nav" href="#">Three</a></li><li class="nav"><a class="nav" href="#">Four</a></li>
    

    Извините.

  • 6
    ответ дан 28 November 2019 в 17:56
    поделиться