Flex div (non allungare l'intera larghezza) [duplicato]

Question

Ho 2 div e utilizzo 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>

Il mio problema è che il genitore è al 100% della larghezza dello schermo.

Come posso fare in modo che rimanga grande quanto il contenuto dell'elemento, in modo che cresca automaticamente (quando c'è più testo cresce o si restringe con meno)?

Answer 1

Usa inline-flex invece di flex:

display: inline-flex;