html: avoid horizontal overflows, break-word and limit image width

break-work affects very long lines on all widths, as pre/monospaced
elements are limited in their available width. This is only a
rendering word break, i.e., if one copies the data they will get the
original "unbroken" one.

The "max-width=100%" enforces only better visuals where space is
limited anyway.

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
This commit is contained in:
Thomas Lamprecht 2020-01-29 16:27:48 +01:00
parent 22dbd072ed
commit cc38b9254c

View File

@ -606,6 +606,14 @@ div .toclevel1 {
font-size: 1.1em;
margin-bottom: 0.3em;
}
.monospaced, code, pre {
overflow-wrap: break-word;
}
img {
max-width: 100%;
}
@media only screen and (min-width: 85em) {
div #toc {
width: 22em