MultiLine uden brug af <br />

Tags:    html5 css

Hej Udviklere,

Jeg står med et lille problem, som jeg har lidt svært ved at løse..

Jeg har 6 tal f.eks tallet 778899, og når jeg skal vise det vil jeg gerne have det vist på følgende måde:
778
899

Dette har jeg gjort ved at skrive følgende html
Fold kodeboks ind/udHTML kode 


Dette fungerer også rigtigt godt; men nu kommer problemet. Når denne bliver kopieret skal det kopieres i en tekst linje, altså skal clipboardet indeholder "77889", og ikke "778<br />899".

Har I en idé til hvordan man kan få denne effekt :) ?



6 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 4 karma
Sorter efter stemmer Sorter efter dato
Du kan også gøre sådan her:
Fold kodeboks ind/udHTML kode 

Fold kodeboks ind/udCSS kode 




Du kan bruge en Monospaced font og så sætte bredden på p-taget så det passer med 3 tal.

Eksempel: http://jsfiddle.net/uLjekbna/



Indlæg senest redigeret d. 22.09.2014 22:58 af Bruger #17081
Som var samme forslag jeg havde lavet :P



Man kan jo også bruge white-space

Fold kodeboks ind/udKode 




Indlæg senest redigeret d. 23.09.2014 06:05 af Bruger #10216
Man kan jo også bruge white-space

Fold kodeboks ind/udKode 


Fixt, den kendte jeg ikke. Jeg kan dog se word-break har noget bedre IE support hvor white-space "kun" har IE8 har word-break IE5.5.



Tak for alle jeres gode råd, dem glæder jeg mig til at få prøvet af :)






t