- a képek eredeti oldal-aránya ne változzon
- vízszintesen a kijelző közepén jelenjen meg a kép
- max-szélesség az oldal szélessége
- max-magasság a kijelző magasságának 90%-a (alul a képhez tartozó szövegnek kellene fennmaradó hely)
- fentieknek megfelelően automatikus méretezés (más-más méretű kijelzőkön, vagy ellenőrzésként a Calibre Viewer-ben, ha módosítom az ablak méretét)
Eddig erre jutottam a stílusfájlban:
img {
display: block;
text-align: center;
text-indent: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 2em;
max-width: 100%;
max-height: 80%;
height: auto;
width: auto;
}
Nem tökéletes ez sem, és a 4. pontban leírt elvárás sehogy sem akar működni. Szerintem valamit félreértek!
- Appl3 blogja
- A hozzászóláshoz be kell jelentkezni
Hozzászólások
a 4. pontban leírt elvárás sehogy sem akar működni.
Epubos CSS-nél is érvényes a dobozmodell? Ha igen, akkor talán az kavarhat be a százalékos mérettel, ami (ha nem tévedek) az img által már örökölt méretből képződik. (De hüje vagyok, üsetek láma vagyok, javítsatok ki.)
- A hozzászóláshoz be kell jelentkezni
Szerintem nem tud ennyit az epub. Még a html-t sem ismeri teljesen.
- A hozzászóláshoz be kell jelentkezni
vw, vh a szulore, az img-re meg object-fit: contain;
Valahogy igy:
<div style="margin-left:1vw; margin-right: 1vw">
<img style="height: 80vh; max-height: 800px; object-fit:contain;" src="" />
</div>
Saying a programming language is good because it works on all platforms is like saying anal sex is good because it works on all genders....
- A hozzászóláshoz be kell jelentkezni
Köszi, ez szinte tökéletes megoldás!
Ami még nem oké, az a 2. -es elvárás, hogy "vízszintesen a kijelző közepén jelenjen meg a kép"
Az átalad ajánlott vagy az alábbiak is
text-align:center; margin-left:auto; margin-right:auto;
hatástalanok.
- A hozzászóláshoz be kell jelentkezni
Emlékem szerint: img src align=center
- A hozzászóláshoz be kell jelentkezni
Tesztelve. Sajnos nem.
- A hozzászóláshoz be kell jelentkezni
Bocs. Rég (10+ éve) szerkesztettem epub-ot. Megkoptak az emlékeim. Arra emlékszem, hogy nagyon 90-es évek html kultúrája.
Lehet (?):
table border=0 witdh=100%
tr
td align=center
img
- A hozzászóláshoz be kell jelentkezni