Убрать пробелы из списков

zhuravlik · July 1, 2010

Здравствуйте. Роюсь в нете уже час, но не могу ничего найти. Есть код списка:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Документ без названия</title>

#pipe ul {

margin-left: 0;

padding-left: 0;

display: inline;

}

#pipe ul li {

margin-left: 0;

list-style: none;

display: inline;

}

</style>

</head>

<body>

<ul>

<li>Четыре</li>

</ul>

</div>

</body>

</html>

В результате его работы, я получаю вот это:

Один Два Три Четыре Пять

Вопрос. Мне нужно убрать пробелы между элементами списка, т.е. чтобы получилось вот так:

ОдинДваТриЧетыреПять

Подскажите пожалуйста, кто опытный, как это сделать.

x-doggy · July 1, 2010

#pipe ul li {

margin-left: 0;

list-style: none;

display: inline;

float: left;

}

zhuravlik · July 1, 2010

Спасибище огромное)))))))

vaplas · December 9, 2011

#pipe ul li {
margin-left: 0;
list-style: none;
display: inline;
float: left;
}

Спасибище огромное)))))))

Rikani · December 9, 2011

zhuravlik, вообще пробелы появляются из-за того, что элементам <li> вы прописали display:inline и поставили между ними пробельный символ (в данном случает перевод каретки на новую строку).

Если вы напишите код в таком виде

<li>Один</li><li>Два</li><li>Три</li><li>Четыре</li><li>Пять</li>

то пробелов не будет.

Упс, это древность какая-то :blush: Извините)

hedgehog · December 9, 2011

Или так (где-то на этом форуме наткнулся)

<li>Один</li><!--
--><li>Два</li><!--
--><li>Три</li><!--
--><li>Четыре</li><!--
--><li>Пять</li>

Sign In

Убрать пробелы из списков

Question

zhuravlik

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

x-doggy

Link to comment

Share on other sites

zhuravlik

Link to comment

Share on other sites

vaplas

Link to comment

Share on other sites

Rikani

Link to comment

Share on other sites

hedgehog

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information