Wie man über die CSS-Breite hinaus umbricht

So implementieren Sie den CSS-Zeilenumbruch über die Breite hinaus: 1. Verwenden Sie „word-wrap: break-word“, um einen automatischen Zeilenumbruch zu realisieren. 2. Verwenden Sie „overflow:hidden“, um die Breite und Höhe zu begrenzen, um den Zeileneffekt zu erzielen Wickeln über die Breite hinaus.

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.

CSS-Einstellungen zum automatischen Umbruch, wenn die Breite nicht ausreicht

Wie im Bild gezeigt:

1. Automatischer Zeilenumbruch

// html 
<div>111111111111111111111111</div>
// css
widht:100%;
height:100%;
word-wrap: break-word

(Hinweis: Wenn die Div Wenn Sie es in li platzieren, müssen Sie das Attribut display: inline-block hinzufügen

Das obige ist der detaillierte Inhalt vonWie man über die CSS-Breite hinaus umbricht. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!