Heim  >  Artikel  >  Web-Frontend  >  Die spezifische Implementierungsmethode zur Verhinderung des automatischen Zeilenumbruchs und der erzwungenen Nichtunterbrechung von Divs in HTML

Die spezifische Implementierungsmethode zur Verhinderung des automatischen Zeilenumbruchs und der erzwungenen Nichtunterbrechung von Divs in HTML

高洛峰
高洛峰Original
2017-03-07 11:18:252821Durchsuche

In diesem Artikel werden verschiedene Implementierungen von p in HTML ohne automatischen Zeilenumbruch vorgestellt. Sie können beispielsweise das Nobr-Tag verwenden, um einen Nicht-Zeilenumbruch zu erreichen, das Nowrap-Element verwenden usw. Interessierte Freunde können sich auf Folgendes beziehen 1. Verwenden Sie das Tag f44a345470ed5309298c118c07c6efac, um keine Zeilenumbrüche zu erreichen.

Der Code lautet wie folgt:

<p>Hello world!<nobr> Hello world!<nobr></p> 
2.用<用nowrap元素>标签

Der Code lautet wie folgt:

<p nowrap>Hello world! Hello world! Hello world! Hello world!</p>


3 Erzwungener Zeilenumbruch

Der Code lautet wie folgt:

p{ 
white-space:nowrap; 
}


4. Wenn es zwei p gibt, können Sie float verwenden um keinen Zeilenumbruch zu erreichen

Der Code lautet wie folgt:

<p class="class1">hello </p> 
<p class="class2">world! </p> 
.class1 {float:left;}


5. Sie können auch die Anzeige in p verwenden, um keinen Zeilenumbruch zu erreichen

Der Code lautet wie folgt:

<p class="class1">hello </p> 
<p class="class2">world! </p> 
.class1 {display:inline;} 
.class2{display:inline;}

Mehr in HTML Bitte beachten Sie die PHP-Chinese-Website für verwandte Artikel zu den spezifischen Implementierungsmethoden von div, die nicht automatisch umbrechen oder keinen Umbruch erzwingen!

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