Saya membuat div ini:

.content {
  display: flex;
}
<div class="content">
  <div>MC</div>
  <div>MR</div>
  <div>M+</div>
  <div>M-</div>
  <div>MS</div>
  <div class="sup">M<sup>-</sup></div>
</div>

Dan atur nilai tampilan untuk konten kelas menjadi fleksibel, tetapi tag sup tidak akan berfungsi lagi! Bagaimana saya bisa memperbaiki masalah ini agar tag ini berfungsi?

3
maryam 23 Oktober 2019, 17:33

1 menjawab

Jawaban Terbaik

Anda hanya perlu mengatur ulang perataan ke garis dasar:

.content {
  display: flex;
  align-items:baseline;
}
<div class="content">
  <div>MC</div>
  <div>MR</div>
  <div>M+</div>
  <div>M-</div>
  <div>MS</div>
  <div class="sup">M<sup>-</sup></div>
</div>
4
Temani Afif 23 Oktober 2019, 14:37