css text-wrap-Attribut wird verwendet, um Zeilenumbruch-Regeln für Text anzugeben. Seine Syntax ist text-wrap: normal|none|unrestricted|suppress; derzeit unterstützen Mainstream-Browser das text-wrap-Attribut nicht.
Wie verwende ich das CSS-Textumbruch-Attribut?
Funktion: Das Attribut text-wrap gibt die Regeln für den Zeilenumbruch (Zeilenumbruch) des Textes an.
Syntax:
text-wrap: normal|none|unrestricted|suppress
Erklärung:
normal Zeilenumbrüche nur an erlaubten Zeilenumbruchpunkten durchführen.
none Keine Zeilenumbrüche. Text, der nicht in das Element passt, läuft über.
uneingeschränkt Umbrechen Sie eine neue Zeile zwischen zwei beliebigen Zeichen.
Zeilenumbrüche in komprimierten Elementen unterdrücken. Browser brechen Zeilen nur dann um, wenn in der Zeile keine anderen gültigen Zeilenumbrüche vorhanden sind.
Hinweis: Derzeit unterstützen Mainstream-Browser das Textumbruch-Attribut nicht.
Beispiel für die Verwendung des CSS-Textumbruch-Attributs
<!DOCTYPE html>
<html>
<head>
<style>
p.test1
{
width:11em;
border:1px solid #000000;
text-wrap:none;
}
p.test2
{
width:11em;
border:1px solid #000000;
text-wrap:normal;
}
</style>
</head>
<body>
<p class="test1"> This paragraph contains some text. This line should not breake or wrap to the next line.</p>
<p class="test2"> This paragraph contains some text: The line breaks as normal.</p>
<p><b>注释：</b>目前主流浏览器都不支持 text-wrap 属性。</p>
</body>
</html>Effektausgabe:
Das obige ist der detaillierte Inhalt vonSo verwenden Sie das CSS-Textumbruch-Attribut. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Einführung in die Bedeutung eines ungültigen Passworts
So entfernen Sie die TikTok-Wasserzeichen anderer Personen aus TikTok-Videos
So implementieren Sie Instant Messaging im Frontend
Zu welcher Plattform gehört Tonglian Payment?
Wort zu ppt
Was tun bei einem IP-Konflikt?
So erstellen Sie einen neuen Ordner in Pycharm
Einführung in Java-Zugriffskontrollmodifikatoren
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
