schowany text w połowie wysokości liter

Question

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 :)

 

Answer 1

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