Das CSS-Wortumbruch-Attribut wird verwendet, um die Verarbeitungsmethode für den automatischen Zeilenumbruch anzugeben. Mithilfe des Word-Break-Attributs können Sie dem Browser ermöglichen, an jeder beliebigen Stelle eine Zeile umzubrechen.
Wie verwende ich das CSS-Wortumbruch-Attribut?
Funktion: Das Wortumbruch-Attribut gibt die Verarbeitungsmethode des automatischen Zeilenumbruchs an. Tipp: Mithilfe des Wortumbruch-Attributs können Sie dem Browser ermöglichen, an jeder beliebigen Stelle eine Zeile umzubrechen.
Syntax:
word-break: normal|break-all|keep-all
Beschreibung:
normal Verwenden Sie die standardmäßigen Zeilenumbruchregeln des Browsers.
break-all ermöglicht Zeilenumbrüche innerhalb von Wörtern.
keep-all kann Zeilen nur an Leerzeichen halber Breite oder Bindestrichen umbrechen.
Hinweis: Alle gängigen Browser unterstützen das Wortumbruch-Attribut.
Beispiel für die Verwendung des CSS-Wortumbruch-Attributs
<!DOCTYPE html>
<html>
<head>
<style>
p.test1
{
width:11em;
border:1px solid #000000;
word-break:hyphenate;
}
p.test2
{
width:11em;
border:1px solid #000000;
word-break:break-all;
}
</style>
</head>
<body>
<p class="test1">This is a veryveryveryveryveryveryveryveryveryvery long paragraph.</p>
<p class="test2">This is a veryveryveryveryveryveryveryveryveryvery long paragraph.</p>
<p><b>注释：</b>目前 Opera 不支持 word-break 属性。</p>
</body>
</html>Effektausgabe:
Das obige ist der detaillierte Inhalt vonSo verwenden Sie das CSS-Wortumbruch-Attribut. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
So prüfen Sie CNKI auf Plagiate. Detaillierte Schritte zur Plagiatsprüfung auf CNKI
So öffnen Sie eine PHP-Datei
Überprüfen Sie den Online-Status Ihrer Freunde auf TikTok
Verwendung von NTSD-Befehlen
So lösen Sie das Problem, dass MySQL Link 10060 meldet
WeChat stellt den Chatverlauf wieder her
Der Unterschied zwischen Ankern und Zielen
Was ist der Unterschied zwischen Douyin und Douyin Express Edition?
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
