Flex div (nie rozciągaj pełnej szerokości) [duplikat]

Dec 07 2020

Mam 2 divy i używam flex:

.parent {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: red;
}

.item {
  height: 40px;
  margin-bottom: 10px;
}

<div class="parent">
  <div class="item">something here</div>
</div>

Mój problem polega na tym, że rodzic ma 100% szerokości ekranu.

Jak mogę sprawić, by był tak duży, jak zawartość elementu, aby automatycznie się rozwijał (gdy jest więcej tekstu, rośnie lub kurczy się przy mniejszym)?

Odpowiedzi

1 fahimchowdhury Dec 07 2020 at 18:06

Użyj inline-flex zamiast flex:

display: inline-flex;