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;
Kiat Pemilik Anjing yang Bermanfaat: Mengapa Penting untuk Membiarkan Anjing Anda Mengendus di Jalan
Jana Duggar: Semua yang Dia Katakan Tentang Cinta dan Jendela 5 Tahunnya untuk Menemukan 'Yang Satu'