• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

schowany text w połowie wysokości liter

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
0 głosów
136 wizyt
pytanie zadane 24 lipca 2019 w JavaScript przez aniaska4 Obywatel (1,010 p.)

Hej, mam taka zagwozdkę. Mam kilka textów na stronie, które po wcisnięciu buttona pokaż wiecej przekierowuja Ciebie do strony artykułu. Na głównej stronie jest tylko tytuł artykułu oraz kilka zdań. reszte mozna doczytać klikając w dany artykuł. Niestety nie które zdania artykułów są w połowie ich wysokości urwane. napisałam funkcje w js, które teoretycznie powinna działać, ale.. nie działa :D W czym może tkwić bład?

window.addEventListener('DOMContentLoaded', function() {
  const setSameHeightToAll = function() {
    const all = document.querySelectorAll('.text_blog')
    let maxHeight = 0
    var length = all.length
    for (var i = 0; i < length; i++) {
      if (all[i].getBoundingClientRect().height > maxHeight) {
        maxHeight = all[i].getBoundingClientRect().height
      }
    }

    for (var j = 0; j < length; j++) {
      all[j].setAttribute('style', 'height:' + maxHeight + 'px')
    }
  }
  setSameHeightToAll()
})

czy może mi ktoś cos zasugerowac. Bede wdzięczna :)

 

1 odpowiedź

+1 głos
odpowiedź 24 lipca 2019 przez Kamil Łydka Stary wyjadacz (13,600 p.)
edycja 24 lipca 2019 przez Kamil Łydka
Kodu nie analizowałem szczerze mówiąc, tylko zerknąłem i uważam że w ten sposób nie powinnaś tego robić. Manipulowanie wysokością jest bardzo słabym pomysłem, szczególnie że może ona być różnie odbierana w różnych przeglądarkach, urządzeniach mobilnych itd. (Ile wyświetli się tekstu będzie wtedy przecież też uzależnione od szerokości - choćby okna przeglądarki) Przy tego typu przypadkach, najlepiej ucinać tekst po określonej liczbie znaków, a wysokością w ogóle się nie interesować. Można wtedy też spróbować zrobić tak żeby nie ucinało w połowie słowa (wykrywać spacje) albo nawet zdania (wykrywać kropkę) - oczywiście tylko wtedy musisz sobie założyć jakiś zakres liczby dopuszczalnych znaków (wycelować sobie tak jak Ci będzie pasować do designu).

Podobne pytania

+1 głos
1 odpowiedź 784 wizyt
pytanie zadane 29 września 2021 w HTML i CSS przez Dawidziu Bywalec (2,630 p.)
0 głosów
1 odpowiedź 1,958 wizyt
pytanie zadane 3 września 2016 w JavaScript przez 123skiper Bywalec (2,170 p.)
0 głosów
4 odpowiedzi 342 wizyt

93,109 zapytań

142,088 odpowiedzi

321,611 komentarzy

62,450 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...