Expand Container Div mit Inhalt auf Nowrap gesetzt

Question

Ich habe eine div, die etwas Inhalt hat, und aufl10 eingestellt Wenn dies passiert bleibt die div bleibt die gleiche Größe. Wie kann ich es so machen, dass die div weiterhin bis zum Ende des Inhalts, der jetzt rechts von der Seite schwebt, umbrechen wird?

.parent { 
 
    border: 1px dotted blue; 
 
} 
 
.parent p { 
 
    border: 1px dotted red; 
 
    white-space: nowrap; 
 
}

<div class='parent'> 
 
    <p>This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.</p> 
 
    <p>This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.</p> 
 
</div>

Answer 1

Sie können festlegen .parent{display:inline-block;} Wenn Sie möchten, dass die Rahmen ganz nach rechts vom Inhalt gehen.

.parent { 
 
    border: 1px dotted blue; 
 
    display: inline-block; 
 
} 
 
.parent p { 
 
    border: 1px dotted red; 
 
    white-space: nowrap; 
 
}

<div class='parent'> 
 
    <p>This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.</p> 
 
    <p>This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.</p> 
 
</div>

Answer 2

Wenn ich Ihre Frage richtig zu verstehen, Überlauf mit: Scroll könnte Ihr Problem lösen.

Answer 3

Wenn Sie meinen, Sie brauchen, um den Inhalt in Ihrem div nach dem nowrap Text wickeln muss, könnten Sie versuchen, eine display: block auf die erste Einstellung, die nach (oder fügen Sie ein Element, dies zu tun) kommt.

Ein <br> Tag kann auch eine Pause nowrap

Aber wenn dies Ihre Absicht ist, könnte es weniger Probleme verursachen, wenn Sie nur Ihr Stück Text gesetzt anstelle des gesamten div nowrap.