Heim > Artikel > Web-Frontend > Wie stelle ich den CSS-Stil für den Nicht-Zeilenumbruch und den CSS-Stil für den Zeilenumbruch ein? (Fall)

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

云罗郡主Original: 2018-10-20 14:02:074171Durchsuche

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.

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>

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>

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!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Wie entferne ich starke Tags und B-Tags in CSS? (Codebeispiel)Nächster Artikel：Wie entferne ich starke Tags und B-Tags in CSS? (Codebeispiel)

In Verbindung stehende Artikel

Mehr sehen