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

Verwandte Empfehlungen: CSS-Tutorial

Das obige ist der detaillierte Inhalt vonSo steuern Sie, dass Text nicht in CSS umbrochen wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!