So steuern Sie, dass Text nicht in CSS umbrochen wird

So steuern Sie, dass Text nicht in CSS umbrochen wird: Sie können ihn mit dem Leerraumattribut steuern, z. B. [white-space:nowrap;]. Das Leerraumattribut gibt an, wie mit dem Leerraum innerhalb des Elements umgegangen wird dass der Browser den Leerraum ignoriert.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3-Version. Diese Methode ist für alle Computermarken geeignet.

(Teilen von Lernvideos: CSS-Video-Tutorial)

So steuern Sie, dass Text nicht in CSS umgebrochen wird:

Verwenden Sie das White-Space-Attribut, um anzugeben, wie mit dem Leerraum innerhalb des Elements umgegangen werden soll.

Attributwert:

• normal Standard. Leerzeichen werden vom Browser ignoriert.

• pre Leerzeichen werden vom Browser beibehalten. Es verhält sich wie das

  -Tag in HTML. </p></li>
  <li><p>nowrap Der Text wird nicht umgebrochen, der Text wird in derselben Zeile fortgesetzt, bis das Tag <br> gefunden wird. </p></li>
  <li><p>pre-wrap Behält Leerzeichensequenzen bei, wird aber normal umbrochen. </p></li>
  <li><p>pre-line Führt Leerzeichensequenzen zusammen, behält aber Zeilenumbrüche bei. </p></li>
  <li><p>inherit gibt an, dass der Wert des Leerraumattributs vom übergeordneten Element geerbt werden soll. </p></li>
  </ul>
  <p>Beispiel: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:css;toolbar:false">p{
      white-space:nowrap;
  }

  Nach dem Login kopieren