Das text-wrap-Attribut wird verwendet, um Textumbruchregeln anzugeben. Wenn der Wert normal ist, bedeutet dies, dass die Zeile nur am zulässigen Zeilenumbruchpunkt umgebrochen wird. Der Wert none bedeutet, dass die Zeile nicht umgebrochen wird Der Wert „unbeschränkt“ bedeutet, dass die Zeile zwischen zwei beliebigen Zeichen umgebrochen wird. Bei „Unterdrücken“ bedeutet dies, dass die Zeile nur dann umbrochen wird, wenn keine anderen gültigen Zeilenumbrüche in der Zeile vorhanden sind.
CSS3-Textumbruch-Attribut
Funktion: Textumbruch-Attribut Gibt Zeilenumbruchregeln für Text an.
Syntax:
text-wrap: normal|none|unrestricted|suppress;
normal: Zeilenumbrüche nur bei erlaubten Zeilenumbrüchen.
keine: Keine Zeilenumbrüche. Text, der nicht in das Element passt, läuft über.
uneingeschränkt: Zeilenumbruch zwischen zwei beliebigen Zeichen.
unterdrücken: Zeilenumbrüche in 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.
Verwendungsbeispiel des CSS3-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">这段包含一些文本。这一行的文字不会换行到下一行。</p>
<p class="test2"> 这段包含一些文本。这一行的文字正常换行。.</p>
</body>
</html>Das obige ist der detaillierte Inhalt vonSo verwenden Sie das Textumbruch-Attribut. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
CSS3-Tutorial
Was sind die CSS3-Gradienteneigenschaften?
Welche Software ist Twitter?
Der Unterschied zwischen Router und Katze
Persönliche Bitcoin-Handelsplattform
Welche Inschrift ist im Währungskreis die vielversprechendste?
Wie kann das Problem gelöst werden, dass für die Laptop-Netzwerkfreigabe keine Berechtigungen vorhanden sind?
Was bedeutet Apple LTE-Netzwerk?
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
