CSS - pozadí / pravý okraj u elementu PRE
Mám porůznu spoustu výpisů nějakých příkazů a tak, nastylovaných pomocí
<pre>
cosi
kdesi
kudysi a jak
</pre>
s černým pozadím a bílým písmem (protože je to děsně kool), ale většinou to je pár znaků max. slov a pak strašlivě dlouhé nic s černým pozadím.
Dalo by se to nějak jednoduše nastylovat, aby ten prvek jenom obalil ten text a končil za posledním znakem (tady za slůvkem jak)?
Na riadku 9 http://mix.gilhad.cz/css/code.css si dopíš display: inline-block.
A kvôli mobilom/menším displejom by som tam pridal aj overflow-x: auto;
Jinde jsem dostal nějaké nápovědy a zatím jsem vylaboroval tohle, co dělá to, co od toho chci.
width: auto;
white-space: pre;
overflow: auto;
max-width: fit-content;
Já bych to celé obalil do div a asi nedělal <pre>. Div bych si nastyloval jak chci (asi i zalomil řádky). Něco jako třeba:
No jednak je pro ukázky (předformátovaného) kódu mnohem vhodnější tag PRE s třídama code a literal-block než nějaký anonymní DIV, notabene bez jakéhokoli zařazení, zato s vypsanýma atributama,
druhak mi to tak generuje docutils z
( a sice bych to mohl z lepší verze následně přepsat na horší, ale jaký by to mělo smysl? )
a zalomení řádků ?!?!? aby to jako ztratilo smysl docela? To už si vážně děláš legraci ...
V lepším případě bych dostal chybové hlášky o chybějících parametrech a neexistujícíh příkazech, ale mnohem pravděpodobněji by to udělalo něco jiného s defaultními hodnotami a navíc bych dostal i naprosto nečekanou aktivitu nádavkem
Odpovídal jsem na toto:
"Dalo by se to nějak jednoduše nastylovat, aby ten prvek jenom obalil ten text a končil za posledním znakem (tady za slůvkem jak)?"
Nevím, jaké je další použití a každý má svůj styl práce, nic nikomu nevnucuji. Ale možná i stačí, vymazat za posledním znakem prázdné místo.