Div fleksibel (jangan regangkan lebar penuh) [duplikat]

Dec 07 2020

Saya memiliki 2 div dan menggunakan 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>

Masalah saya adalah orang tua 100% lebar layar.

Bagaimana saya bisa membuatnya jadi itu tetap sebesar konten item, jadi otomatis tumbuh (ketika ada lebih banyak teks yang tumbuh atau menyusut dengan lebih sedikit)?

Jawaban

1 fahimchowdhury Dec 07 2020 at 18:06

Gunakan inline-flex sebagai ganti flex:

display: inline-flex;