Сделайте так, чтобы родительский контейнер соответствовал внутреннему содержимому

0

У меня есть этот макет jsfiddle.

<a>
<span class="blue">111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111</span>
<span class="red">111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111</span>
</a>

span {
    display: inline-block;
}
.red{
    background-color:red;
}
.blue{
    background-color:blue;
}
a {
    display: inline-block;
    background-color:green;
}

Я хочу, чтобы родительский якорь был установлен на ширину внутренних пролетов для гибкого поведения при изменении размера. Как?

Теги:

1 ответ

1

Использовать display: block в span

скрипка

span {
    display: block;
}
  • 0
    Но я хочу, чтобы во время изменения размера пролеты могли отображаться в одной строке.
  • 0
    @oblomov Как то так? - jsfiddle.net/PyB4t/6
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню