Heim >Web-Frontend >CSS-Tutorial >So verwenden Sie das Zeilenumbruch-Attribut
So verwenden Sie das Zeilenumbruch-Attribut
- 青灯夜游Original
- 2019-01-30 14:36:006714Durchsuche
Das Zeilenumbruch-Attribut wird verwendet, um lange Wörter oder URL-Adressen automatisch an den Grenzen des Containers umzubrechen.
CSS3-Zeilenumbruch-Attribut
Funktion: Ermöglicht lange Wörter oder Die URL-Adresse wird in die nächste Zeile umgebrochen.
Beschreibung: Legt fest oder ruft ab, ob Zeilen umgebrochen werden sollen, wenn der Inhalt die Grenzen des angegebenen Containers überschreitet.
Syntax:
word-wrap: normal|break-word;
normal: Zeilenumbrüche nur an zulässigen Silbentrennungsstellen (Browser behält die Standardverarbeitung bei).
break-word: Umbrechen Sie Zeilen innerhalb langer Wörter oder URL-Adressen.
Verwendungsbeispiel des CSS3-Zeilenumbruch-Attributs
<!DOCTYPE html>
<html>
<head>
<style>
p{
width:11em;
border:1px solid #000000;
}
p.test
{
word-wrap:break-word;
}
</style>
</head>
<body>
<p>dsffdgrh121324gfdgfhhgjhkkjlkl;</p>
<p class="test">dsffdgrh121324gfdgfhhgjhkkjlkl;</p>
</body>
</html>Rendering:
Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere spannende Inhalte finden Sie in den entsprechenden Tutorial-Kolumnen auf der chinesischen PHP-Website! ! !
Das obige ist der detaillierte Inhalt vonSo verwenden Sie das Zeilenumbruch-Attribut. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!