Heim  >  Artikel  >  Web-Frontend  >  So verwenden Sie das CSS-Zeilenumbruch-Attribut

So verwenden Sie das CSS-Zeilenumbruch-Attribut

青灯夜游
青灯夜游Original
2019-05-28 18:05:475888Durchsuche

Das CSS-Wortumbruch-Attribut wird verwendet, um die Zeilenumbruchmethode festzulegen, wenn der Elementinhalt die Grenze seines Containers überschreitet. Es wird häufig so eingestellt, dass lange Wörter oder URL-Adressen automatisch an der Grenze des Containers umgebrochen werden Syntax „word-wrap:normal|break -word;“, wenn der Attributwert „word-wrap“ ist, wird ein automatischer Zeilenumbruch implementiert.

So verwenden Sie das CSS-Zeilenumbruch-Attribut

Wie verwende ich das CSS-Zeilenumbruch-Attribut?

Das Zeilenumbruch-Attribut ermöglicht das automatische Umbrechen langer Inhalte. Es legt fest oder ruft ab, ob Wörter unterbrochen werden, wenn der Inhalt die Grenzen seines Containers überschreitet.

Syntax

word-wrap: normal|break-word;

Attributwert:

● normal: Zeilenumbrüche nur an erlaubten Silbentrennungsstellen (der Browser behält die Verarbeitung bei standardmäßig).

● Wortumbruch: Zeilenumbruch innerhalb langer Wörter oder URL-Adressen.

Hinweis: Alle gängigen Browser unterstützen das Zeilenumbruch-Attribut.

Beispiel für ein CSS-Zeilenumbruch-Attribut

<!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:

So verwenden Sie das CSS-Zeilenumbruch-Attribut

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das CSS-Zeilenumbruch-Attribut. 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