| Autor | Zpráva | ||
|---|---|---|---|
| RRRadek Profil |
#1 · Zasláno: 23. 12. 2020, 11:43:00
Už si nevím rady. Snažím se v CSS nastavit velikost fontu tak aby byl text max široký třeba 100px. To znamená že třeba nastavím font na velikost
font-size:1.5em; max-width: 100px; Výsledek by měl být že čím více textu by bylo tím menší písmo bude a nepřesáhne šířku 100px. Jenže to nefunguje. Je to vlastně vůbec možné? |
||
| blaaablaaa Profil |
#2 · Zasláno: 23. 12. 2020, 12:11:03
RRRadek:
Protože takhle to nefunguje. Width určuje šířku kontejneru s textem, ne samotného textu. Dá se to řešit přes js nebo asi svg. |
||
| RRRadek Profil |
Děkuji, alespoň vím co mám hledat. Jenže js vůbec nehovím a umím ho maximálně zkopírovat a vložit takže musím najít vzor.
Kdyby alespoň bylo možné zarovnání textu doprava aby text přibýval doleva <-AAA a ne že text přibývá doprava AAA-> Vím že to chci obráceně proti logice. #cena
{
z-index:100;
position:absolute;
color:#008000;
font-family:Verdana;
font-size:1.5em;
font-weight:bold;
text-shadow: 1px 1px 1px #dcdcdc;
left:-72px;
top:52px;
}Vím jsem amater, hořím na jednoduchých blbostech. |
||
| RRRadek Profil |
#4 · Zasláno: 23. 12. 2020, 13:39:58
Aha tak zarovnání už vím, musí mít nastavený větší width: aby se měl prostor se zarovnávat.
|
||
| breeta Profil |
#5 · Zasláno: 24. 12. 2020, 14:07:52
Můžeš počet řádků zjistit pomocí JS a pak ho zmenšit nebo zvětšit ...
<p id="content" style="line-height: 20px">
hello how are you? hello how are you? hello how are you? hello how are you?
hello how are you? hello how are you? hello how are you? hello how are you?
</p>
<script>
window.addEventListener('load', (event) => {
const el = document.getElementById('content');
let divHeight = el.offsetHeight
let lineHeight = parseInt(el.style.lineHeight);
let lines = divHeight / lineHeight;
console.log("Lines: " + lines)
}); |
||
|
Časová prodleva: 4 roky
|
|||
0