नीचे मेरे कोड में, जब दूसरी पंक्ति टूटती है, तो यह नीचे के तत्व (उल) को नीचे ले जाती है। लेकिन मैं इसे इसके बजाय ऊपर के तत्व को स्थानांतरित करना चाहता हूं। ताकि नीचे वाला वहीं रहे जहां वह है, लेकिन मैं इसे हल करने का सही तरीका नहीं समझ सकता।

li {
  display: inline-block;
  font-size: 12px;
}

.container {
  position: relative;
  top: 190px;
  left: 4px;
}
<div class="container">
  <p class="pseudo1">First Line should move up</p>
  <p class="pseudo2">This line shouldn't move the element below it further down when the line breaks</p>
  <ul>
    <li>Lorem Ipsum</li>
    <li>Stay here</li>
    <li>!</li>
  </ul>
</div>
0
Jojo 22 अक्टूबर 2019, 13:51

1 उत्तर

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

मुझे आशा है कि यह आपके परिदृश्य के लिए मदद करेगा। बस निम्नलिखित वर्ग जोड़ें।

li {
  display: inline-block;
  font-size: 12px;
}

.container {
  position: relative;
  top: 190px;
  left: 4px;
}

.pseudo2{
    position: sticky;
    height: 20px;
}
<div class="container">
  <p class="pseudo1">First Line should move up</p>
  <p class="pseudo2">This line shouldn't move the element below it further down when the line breaks</p>
  <ul>
    <li>Lorem Ipsum</li>
    <li>Stay here</li>
    <li>!</li>
  </ul>
</div>
0
Moorthy GK 22 अक्टूबर 2019, 11:11