2016-11-09 4 views
0

Gibt es eine Möglichkeit, entweder <div> zu haben, und wenn der Text drin ist, wird es genauso formatiert wie es ist?HTML Wie wird mit div angezeigt?

+0

Sie css Flexbox, das zu tun verwenden können. https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties Alternativ können Sie HTML-Tabelle verwenden http://www.w3schools.com/html/html_tables.asp – Jessica

+0

@Jessica Sorry könnte aber Sie zeigen ein Beispiel mit dem, was ich zur Klärung zur Verfügung gestellt habe? Also kann ich die Antwort auch akzeptieren. – Walter

Antwort

1

Sie sollten dies mit div und White-Space-Pre-Wrap tun können. Möglicherweise haben Sie vergessen, font-family:monospace; festzulegen, um den Buchstabenabstand beizubehalten.

div.pre{ 
 
    white-space:pre-wrap; 
 
    font-family:monospace; 
 
    }
<div class="pre"> 
 
       Convention 21423 ABC 
 
    ROOM  NAME  PPL ATTEND  OUT  
 
    2252857 YELLOW_ROOM 589  30%  50% 
 
</div>

+0

Ich habe es versucht, aber es hat alles in eine Zeile gesetzt. Ich habe einen Screenshot davon gemacht und es in den ursprünglichen Post geschrieben. Bitte schauen Sie, bevor ich die Antwort akzeptiere. Vielen Dank im Voraus – Walter

+0

Sie können sehen, dass das Code-Snippet in meiner Antwort das richtige Ergebnis liefert. wenn du etwas anderes bekommst, als es aufgrund von etwas in deiner Umgebung sein kann, über das ich keine Ahnung habe – chiliNUT

Verwandte Themen