मैंने यह div बनाया है:

.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>

और वर्ग सामग्री के लिए प्रदर्शन मान को फ्लेक्स पर सेट करें, लेकिन समर्थन टैग अब और काम नहीं करेगा! इस टैग के काम करने के लिए मैं इस समस्या को कैसे ठीक कर सकता हूं?

4
maryam 23 अक्टूबर 2019, 17:33

1 उत्तर

सबसे बढ़िया उत्तर

आपको बस संरेखण को आधार रेखा पर रीसेट करने की आवश्यकता है:

.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 अक्टूबर 2019, 14:37