Облако тегов

Рейтинг: 0Ответов: 1Опубликовано: 05.01.2015

Вот, к примеру, на любой cms есть блок - как правило, правый сайдебар, в него ложат все тэги сайта, но как реализуется то, чтобы эти слова помещались целиком либо переносились целиком? Я пробовал это реализовать, задавая как самому тегу <p> , <span>, так и родительскому блоку свойства:

word-wrap:break-word;
word-wrap:break-all;
word-break:break-all;

И это не помогало, наверное, что-то требуется дополнительно?

css javascript html
Источник: Stack Overflow на русском

Ответы

▲ 2

Если вы имеете в виду, чтобы длинные слова переносились, то все правильно:

word-wrap: break-word;

Вот пример

UPD 1. О, дошло , что вы хотите. Используйте свойство white-space: nowrap;

Пример: 

.tags {
    background: #eee;
    padding: 20px;
    width: 200px;
}
.tags a {
    white-space: nowrap;
}
<div class="tags">
    <a href="#">Супер тег</a>
    <a href="#">Еще один тег</a>
    <a href="#">И еще тег</a>
    <a href="#">Классный тег</a>
    <a href="#">Вот тег последний</a>
</div>