в чем разница между этими двумя тегами ul

Question

что-то сводит меня с ума здесь у меня есть большой HTML-шаблон, который я не могу опубликовать, но проблема в том, что когда я пишу тэг ul, как это, все работает найти

<ul><li>something</li><li>something</li><li>something</li></ul>

но когда я пишу это так, я получаю +4 пикселя, я не знаю откуда

<ul>
<li>something</li>
<li>something</li>
<li>something</li>
</ul>

когда я использую второй метод, я уверен, что у меня где-то нет свободного места, но я думаю, что это от "ввода" между ними

Есть решение? css может быть

:: Дополнительная информация

я обнаружил, что проблема возникает из-за закрытия и запуска тега li, это сработало

<ul>
<li>
something
</li><li>
something
</li><li>
something
</li>
</ul>

Есть идеи?

Answer 1

Вы, вероятно, замечаете такой разрыв, потому что вы используете CSS для создания горизонтального меню; при создании <li> встроенных элементов пробелы между ними не игнорируются.

Answer 2

Что вы заметили, так это «особенность» (x) html сворачивания пробелов в одно пространство. В большинстве случаев это не слишком большая проблема, но для горизонтального меню это раздражение.

Существует два варианта решения этой проблемы (в дополнение к первому примеру):

<ul>
<li>something</li
><li>something</li
><li>something</li>
</ul>

(Обратите внимание, что первые два тега </li> не закрываются до следующей строки.)

<ul>
<li>something</li><!-- hiding the whitespace
--><li>something</li><!-- hiding the whitespace again
--><li>something</li>
</ul>

Из двух вариантов, которые я предпочитаю в первом, он не выдает никаких ошибок, достаточно успешно проверяется в строгом соответствии с xhtml 1.0. Это не идеальная ситуация, но это немного лучше, чем пытаться поместить весь список в одну строку (x) html.

Answer 3

я бы начал с использования сброса CSS, как этот один

Answer 4

Я не знаю, в чем причина проблемы, но вы можете решить ее с помощью CSS. Напишите стиль для элемента li и укажите правильное поле.