So stellen Sie den automatischen Zeilenumbruch für Text auf Webseiten ein

Dieses Mal zeige ich Ihnen, wie Sie den automatischen Zeilenumbruch für Text auf Webseiten festlegen. Was sind die Vorsichtsmaßnahmen zum Festlegen des automatischen Zeilenumbruchs für Text auf Webseiten? ein Blick.

Auf einer Webseite wird es zum Anzeigen eines Textstücks verwendet, aber die Länge und der Inhalt des Textes sind nicht im Voraus bekannt. Derzeit verwenden wir zum Anzeigen hauptsächlich gefüllte Div- oder Pre-Elemente Text.

Bestimmen Sie bei Verwendung des div-Elements die Breite und fügen Sie die folgenden zwei Attribute hinzu, um sicherzustellen, dass der im div ausgefüllte Text automatisch umbrochen wird.

word-wrap: break-word;   //word-wrap 属性允许长单词或 URL 地址换行到下一行。//break-word在长单词或 URL 地址内部进行换行。word-break: break-all;//word-break 属性规定自动换行的处理方法。

Wenn Sie das pre-Element verwenden, fügen Sie auf ähnliche Weise die folgenden zwei Attribute hinzu, und der darin enthaltene Text kann automatisch umbrochen werden.

white-space: pre-wrap;    //pre-wrap保留空白符序列，但是正常地进行换行。word-break: break-all;
word-wrap: break-word;

Wir alle kennen Divs, die mit Text oder anderen Elementen gefüllt werden können. Wenn Text jedoch in einem Div platziert wird, kann er sein ursprüngliches Format, wie z. B. Leerzeichen, oft nicht beibehalten , Rücksendungen usw. Das

pre-Element definiert vorformatierten Text. In einem pre-Element eingeschlossener Text behält normalerweise Leerzeichen und Zeilenumbrüche bei. Der Text wird auch als Schriftart mit fester Breite gerendert. Eine häufige Anwendung des

pre-Tags ist die Darstellung von Computerquellcode.

Tags, die Absatzumbrüche verursachen können (z. B. Titel-, P- und Adress-Tags), dürfen nicht in einem durch pre definierten Block enthalten sein. Obwohl einige Browser das Absatzend-Tag als einfachen Zeilenumbruch interpretieren, ist dieses Verhalten nicht bei allen Browsern gleich. Zulässiger Text im

pre-Element kann physische Stile und inhaltsbasierte Stilvariationen sowie Links, Bilder und horizontale Trennlinien umfassen. Wenn Sie andere Tags (z. B. Tags) im Pre-Block platzieren, behandeln Sie diese einfach so, als ob sie in anderen Teilen des HTML-/XHTML-Dokuments platziert würden.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.

Empfohlene Lektüre:

So fügen Sie Ereignisse zur Schaltfläche in React hinzu

So verwenden Sie select, um den ausgewählten Wert abzurufen

HTML für div in React festlegen

Das obige ist der detaillierte Inhalt vonSo stellen Sie den automatischen Zeilenumbruch für Text auf Webseiten ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!