jak złapac taki element w css

Question

 <div class="content">
    <% if (info || continuedInfo ) { %>
      <span class="info"><%= info %></span>
      <span class="counter">3</span>
      <span><%= continuedInfo %></span>
    <% } %>
  </div>

info i continuedInfo to 2x textarea i jeśli się cos tam wpisze to wyswietlane jest to uzytkownikowi. Problem jest taki, ze jesli osoba ktora wypełnia textarea zrobi enter przy info na końcu zdania to nie jest wyrownane rownolegle tylko jest spacja przez nbsp  i wygląda to tak
https://zapodaj.net/f9648c037bccb.png.html

Probowałem to złapac w css ale nie działa :P

.info:contains(' ') {
  display: none;
 }

tak to wyglada na stronie:
https://zapodaj.net/f8fb8a67490c2.png.html?fbclid=IwAR309pjL1LgRBMox4RCrlJ7N6fy6R4CDU5s4-iSAychwmxBdJi58xKW0ZyA

Comments

Czyli chcesz w CSS ukryć opcjonalne spacje na końcu elementu?

Answer 1

Ze składni wygląda, że używasz EJS. Czyli te zmienne można zmodyfikować przez Javascript.
Wystarczy że kod ze zmienną info ograsz w ten sposób:

info.replace(/ /g, '');

// Jeżeli chciałbyś jeszcze pozbyć się przypadkowych spacji to można dodać trim-a

info.replace(/ /g, '').trim();

 

Comments

hm a orientujesz się czy można cos podobnego zrobic przy pomocy samego cssa? wolalbym uniknac jsa

---

kurcze dzięki wielkie! zrobilem jak poradziłes i dziala!

---

Tylko moje rozwiązanie chyba nie do końca Cię satysfakcjonuje. Bo teraz masz usunięte wszystkie nowe linie w textarea. Jak wyrzucisz tego replace i zostawisz samego trima to powinno być ok.