Html tabelle dynamischem text textgröße verändern
Hallo.
Ich hab wieder mal ein HTML Problem.
Mein Plan wäre, eine Tabelle zu erstellen, in der sich ein oder befindet, das mittels JavaScript geändert werden kann.
Das Problem ist, dass der eingegebene Text auf eine fixe Länge begrenzt ist. Was ich nun machen wollen würde ist, dem Text zu sagen, dass er, wenn er länger wird, kleiner werden soll.
Die Standard-Schriftgröße wäre etwa 24pt, aber wenn es ein langer Text ist, könnte der auch auf 10pt schrumpfen, um in die Tabelle zu passen. Ist das mit HTML, JS, und eventuell CSS machbar?
.
RobinD
1 Antworten zur Frage
Videos zum Thema
YouTube Videos
HTML-Tabelle mit dynamischem Text: Textgröße verändern?
Mal ein bisschen rumprobiert mit Javascript, einem div fester Größe und einem p, in dem die Schrift verkleinert wird:
function resize_text("o1""i1"(div.scrollHeight>div.offsetHeightparseInt>6))
p.style.fontSize = p.style.fontSize + 'px';
}
}
Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla
Oder dasselbe in bunt:
#9887530 - Pastie
Der macht im Prinzip nichts anderes, als nachzuschauen, ob man das div scrollen müsste, um alles zu sehen, und wenn ja, macht er den Text eine Stufe kleiner.