Wie stelle ich den CSS-Stil für den Nicht-Zeilenumbruch und den CSS-Stil für den Zeilenumbruch ein? (Fall)-CSS-Tutorial-php.cn

Wie stelle ich den CSS-Stil für den Nicht-Zeilenumbruch und den CSS-Stil für den Zeilenumbruch ein? (Fall)

云罗郡主

Freigeben： 2018-10-20 14:03:07

Original

4210 Leute haben es durchsucht

Wenn viele Anfänger CSS lernen, sind sie immer verwirrt über den Unterschied zwischen dem CSS-Stil ohne Zeilenumbruch und dem Stil des CSS-Zeilenumbruchs anhand von Beispielen näher herangehen.

Wie stelle ich den CSS-Stil für den Nicht-Zeilenumbruch und den CSS-Stil für den Zeilenumbruch ein? (Fall)

Der CSS-Stil für den Nicht-Zeilenumbruch und der CSS-Zeilenumbruchstil können über div festgelegt werden, und der Text kann über den CSS-Stil gestaltet werden.

1: Einstellungen und Methoden des CSS-Zeilenumbruchstils

1 Im CSS-Stil können wir das
-Tag verwenden.
Solange wir an der Stelle, an der ein Zeilenumbruch erforderlich ist, ein Zeilenumbruch-Tag hinzufügen, können wir beispielsweise den Zeilenumbruch des Textes realisieren:

<body>
php中文网<br />
学习是最好的投资<br />
学习php<br />
</body>

Nach dem Login kopieren

2 Der CSS-Stil kann ebenfalls erreicht werden große Zeilenumbrüche, wenn wir möchten Wenn Sie einen großen Zeilenumbruch im Artikel haben und ihn in Abschnitten anzeigen möchten, können wir

verwenden, aber zuerst müssen wir die Verwendung von

verstehen ;p>-Tag. Der Code lautet wie folgt:

<html>
<head>
<title>实现分段和大换行</title>
</head>
<body>

Nach dem Login kopieren

rreee

3. Eine andere Möglichkeit besteht darin, die Höhe und Breite des CSS anzupassen. Viele Programmierer werden beim Erstellen von Websites auf Word-Wrap: Break-Wort stoßen. Wenn dieses Problem auftritt, können wir eine benutzerdefinierte Methode zum Umbrechen der Zeile verwenden oder einen erzwungenen Zeilenumbruch implementieren, solange wir die Breite zum Div hinzufügen.

Zwei: CSS-Stil ohne Zeilenumbruch

Der CSS-Stil ohne Zeilenumbruch kann Nowrap verwenden, um zu erzwingen, dass der gesamte Text in einer Zeile angezeigt wird, bis br angetroffen wird.

Wie stellt man oben den CSS-Stil für den Nicht-Zeilenumbruch und den CSS-Stil für den Zeilenumbruch ein? (Fall) Vollständige Einführung. Wenn Sie mehr über CSS-Video-Tutorial erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.

Das obige ist der detaillierte Inhalt vonWie stelle ich den CSS-Stil für den Nicht-Zeilenumbruch und den CSS-Stil für den Zeilenumbruch ein? (Fall). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!