Вам нужно использовать display: block
и float: left
в li
s, чтобы удалить пробел. Когда они встроены, браузер рассматривает их как слова и поэтому оставляет пространство между ними.
См. Также мой аналогичный вопрос .
Объедините @Skilldrick и @teedyay, и вы получите свой ответ и объяснение.
Если
обрабатываются как слова, то любые пробелы вокруг них сжимаются до одного пробела.
Итак, я полагаю, что это функция, которая выглядит как ошибка.
Чтобы удалить пробел, поместите все ваши
в цепочку без пробелов между ними.
ИЛИ
Уменьшите размер шрифта на
до 0 и восстановите размер на
s
Боюсь, это тоже грязно, но я (приятно) удивлюсь, если для этого есть чистое исправление.
Поместите все ваши
в одну строку:
<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>
Извините.