HTML-pre kein Zeilenumbruch Grenze

Ich habe eine pre tag mit einem bestimmten code, der nicht Zeilenumbruch. Ich möchte einen Rahmen um es (border:1px solid Black;), aber die Grenze ist beschränkt auf die Breite des Browsers, unabhängig von der Länge des Textes. Wie kann ich die Kraft der Grenze zu immer erweitern, alle enthalten den text in der pre tag?

Hier ist der code, den ich verwende:

<pre style="border:2px solid Black;">@Model.Code()</pre>
  • Ich bin mit Chrome, btw
InformationsquelleAutor Entity | 2011-06-14
  1. 3

    Versuchen Sie display: inline zu Ihrem pre - tag CSS.

    • Das setzt einen Rahmen um jede Zeile des Textes
    • Ich werde gehen Sie vor und markieren Sie diese als Antwort; ich brauchte nur zu verwenden display: inline-block;
    • Ist nicht, was Sie wollen? Sie sagte, die pre nicht Zeilenumbruch...
    • Ah. Ich vergaß zu erwähnen, es gab mehrere Linien in die pre.
    InformationsquelleAutor chrisf
  2. 6

    Verwenden:

    <pre style="display: inline-block; border:2px solid Black;">
    InformationsquelleAutor DanielB
  3. 4

    Für die Anzeige von code, den Sie verwenden möchten

    pre { white-space:pre-wrap }

    Und für den normalen text, den Sie verwenden möchten, können

    pre { white-space:pre-line }

    pre-line macht aus mehreren white-space-Zeichen ein Leerzeichen, pre-wrap nicht.

    Nun, wenn Sie einen Rahmen hinzufügen, es wird um den gesamten text, und der text wird umgebrochen werden.

    pre {
    white-space:pre-line;
    border:2px solid black
}

    Oder nicht Sie bitten dieses?

    InformationsquelleAutor Midas
Schreibe einen Kommentar